首页 > Web开发 > 详细

JSONP跨域 ajax请求

时间:2018-06-30 18:24:35      阅读:190      评论:0      收藏:0      [点我收藏+]

 

原理:

由于浏览器的同源策略不能使用XMLHTTPREQUEST对除本地外的服务器发送请求。

所以使用script标签的src属性发送请求,接收到的JSONP数据以函数名的方式返回。

需要在本地创建服务器返回的函数接收服务器返回的数据。

 


 

 

JS代码:

function jsonpRequest() {
var create_src = document.createElement(‘srcipt‘); #创建script标签
create_src.src = ‘http://www.baidu.com‘;    #给script标签加入src请求地址
document.head.appendChild(create_src);      #把script标签添加到head标签内
document.head.removeChild(create_src);      #把script标签在head标签内删除

}

function f(arg) {
console.log(arg)
}



jquery代码:

$.ajax({
url:‘http//xxxxx‘,
type:‘GET‘ 或 ‘POST‘,
dataType:JSONP
})

function xxx(arg){
  console.log(arg);
}

JSONP跨域 ajax请求

原文:https://www.cnblogs.com/louzi/p/9248191.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!