ajax+jquery库 跨域的学习

跨域解决方案有很多

其中对jsonp的跨域进行学习:
Jsonp的本质是动态创建标签,通过src属性向服务端发送跨域请求,通过响应的内容动态调用方法(通过传递的参数得到服务端响应的数据)

后台接口传递$cb,前台就要在callback=cb保持一致,在function cb()也要保持一致。则函数名字就是根据后台接口传过来的函数名字保持一致。
在这里插入图片描述这里的callback也是由后台接口_GET['']里面设定的在这里插入图片描述很方便传递参数

jsonp的本质:动态创建script标签,然后通过src属性发送跨域请求,然后服务端响应的数据格式【函数调用(foo(实参)】,在发送请求前声明一个函数,函数名字与参数传递的名字一致。这里声明的函数是由服务器响应的内容,(可理解为服务器调用)。

callback名字,还有callback后的值都可以在接口中重新定义。

jsonp不是ajax

Jquery中已经帮我们封装了jsonp。
dataType:‘jsonp’,
jsonp:‘cb’,
//jsonp属性的作用就是自定义参数名字,(callback=cb)这个值指的是等号前面的键。这里是cb则后端接口获取也是cb。
jsonpcallback:‘abc’,
//指定服务端返回的值是什么,callback=abc,这里指的是abc。
data:{},
![jsonp:'',使用jquery可以对后端获取的值自定义名称。](https://img-blog.csdnimg.cn/20191005135622768.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FzZGZ3eHk=,size_16,color_FFFFFF在这里插入图片描述
以上学习使用,还有部分没有完善,有错误感谢指正。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值