跨域的案例 以百度接口/手写接口为例,还有jQuery写法
仅在js部分输入即可
百度接口的案例
<script>
function fn(data){
console.log(data)
}
</script>
<script src="https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=b&json=1&p=3&sid=1464_21092_18559_28607_28585_26350_28518_28627_20718&req=2&csor=1&cb=fn"></script>
自己写的接口案例
<script>
function fn(data){
console.log(data)
}
</script>
<script src="01.js"></script>
在自己写个js文件,文件名为01.js内容如下
fn([
{"name":"zhang"},
{"name":"lisi"}
])
jQuery中跨域获取内容的写法百度接口的案例
<script>
$(function(){
$.ajax({
type:"get",
url:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su",
async:true,
data:{wd:"b"},
dataType:"jsonp",
jsonp:"cb",
success:function(data){
console.log(data)
}
});
})
</script>
jQuery跨域解决自己写接口的方法
<script>
$(function(){
$.ajax({
type:"get",
url:"http://172.16.29.30:8088/get/%E4%BC%A0%E5%8F%82%E7%9A%84%E5%8A%9F%E8%83%BD.txt", //将服务器的数据放在页面上
async:true,
dataType:"jsonp",
jsonpCallback:"fn",
success:function(data){
console.log(data)
}
});
})
</script>
服务器的数据的文件名为 传参的功能.txt (瞎起的)
里面的内容为
fn("hahahahaha"); (参数一定要指定数据类型,不然会报错)
最新文章
- Hibernate —— HQL、QBC检索方式
- cmd中无法运行svn命令
- spilt用法简介
- phpStorm 快捷键收集以及配色方案
- 1 Two Sum(找和为target的两个数字下标Medium)
- NYOJ 980 格子刷油漆 动态规划
- Oracle_Q&;A_02
- 启动安卓模拟器报错 emulator: ERROR: x86_64 emulation currently requires hardware acceleration! CPU acceleration status:HAXM must be updated(version 1.1.1<;6.0.1) 解决办法
- xen虚拟机安装实践
- Open-Falcon第六步安装Dashboard(小米开源互联网企业级监控系统)
- IdentityServer(14)- 通过EntityFramework Core持久化配置和操作数据
- UI自动化之元素定位(xpath、css)
- Go语言如何判断一个chan被关闭
- C++ sizeof()练习
- Elasticsearch5.x批量插入数据(Java)
- Unity3D 重写下拉菜单/Dropdown组件、开启每个按钮可用
- ajax分页代码
- Codeforces Round #469 (Div. 2)C. Zebras(思维+模拟)
- [转]java调用外部程序Runtime.getRuntime().exec
- 超级账本 --- ReadWriteSet的逻辑结构