js跨域请求问题

最新推荐文章于 2024-03-20 10:10:20 发布

xiaoran606

最新推荐文章于 2024-03-20 10:10:20 发布

阅读量451

点赞数

分类专栏： web前端+javascript

本文链接：https://blog.csdn.net/xiaoran606/article/details/9767495

版权

web前端+javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

通过动态插入<script>到页面，src的地址里包含返回执行函数callback参数，请求的页面操作函数并带有数据callback(data)

<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>js跨域请求问题</title>
<meta content="IE=7" http-equiv="x-ua-compatible" />
</head>
<body>

<div id="main">
<input type="button" οnclick="get()" class="apibtn" value="查看结果" />
</div>
<div id="result" style="word-break: break-all;">
</div>
<script type="text/javascript">
var fn = {};
function load_script(xyUrl, callback) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = xyUrl;
//借鉴了jQuery的script跨域方法
script.onload = script.onreadystatechange = function () {
if ((!this.readyState || this.readyState === "loaded" || this.readyState === "complete")) {
callback && callback();
// Handle memory leak in IE
script.onload = script.onreadystatechange = null;
if (head && script.parentNode) {
head.removeChild(script);
}
}
};
// Use insertBefore instead of appendChild to circumvent an IE6 bug.
head.insertBefore(script, head.firstChild);
}
function get() {
//debugger;
var callbackName = 'cbk_' + Math.round(Math.random() * 10000); //随机函数名
var xyUrl = "http://localhost/api/get_cate_nums.php?cityid=2419&callback=fn." + callbackName;
//动态创建script标签
load_script(xyUrl);
fn[callbackName] = function (xyResult) {
//debugger;
delete fn[callbackName]; //调用完需要删除改函数
callback && callback(xyResult);
}
}
function callback(xyResult) {
document.getElementById("result").innerHTML = "返回结果：" + xyResult;
}
</script>
</body>

</html>

对网上的代码做了些修改

xiaoran606

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js跨域请求问题

通过动态插入到页面，src的地址里包含返回执行函数callback参数，请求的页面操作函数并带有数据callback(data) js跨域请求问题 var fn = {}; function load_script
复制链接

扫一扫