js部分
(function(window,
document)
{
'use
strict';
var
jsonp
=
function(url,
data,
callback)
{
//1、挂载回调函数
var
fnsuffix
=
Mathrandom()toString()replace('',
'');
var
cbFuncName
=
'my_json_cb'
+
fnsuffix;
window[cbFuncName]
=
callback;
//2、将data转换成url字符串的形式
//{id=1,count=4}==>id=1&count=4
var
querystring
=
urlindexOf('')
==
-1
''
:
'&';
//判断url中最后是否有？，没有则为？
for
(var
key
in
data)
{
querystring
+=
key
+
'='
+
data[key]
+
'&';
}
//3、处理url中回调函数
url+=callback=sdgade
querystring
+=
'callback='
+
cbFuncName;
//querystring=id=1&count=4&callback=sdgade
//4、创建一个script标签
var
scriptElement
=
documentcreateElement('script');
scriptElementsrc
=
url
+
querystring;
//5、把script标签放到页面上
documentbodyappendChild(scriptElement);
};
window$jsonp
=
jsonp;
})(window,
document)
在页面中测试
<!DOCTYPE
html>
<html>
<head>
<title>jsonp</title>
</head>
<body>
<div
id="htt"></div>
<script
type="text/javascript"
src=">
以上就是关于AJAX跨域请求之JSONP获取JSON数据全部的内容，包括:AJAX跨域请求之JSONP获取JSON数据、Jquery ajax 请求跨域获取json数据，数据可以获得，但json解析的时候报错，请问有什么方法、使用jsonp实现跨域获取数据实例讲解等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）