jquery的ajax跨域解决方案「建议收藏」

2022-09-23 11:31:21 浏览数 (1)

大家好，又见面了，我是你们的朋友全栈君。

ajax是一种无刷新技术，在web开发中占有举足轻重的作用，但是由于安全问题，ajax在跨域时候并不支持post。现在笔者写个采用getJSON的方式实现跨域的实例来供大家参考：

采用getJSON的方式

jquery代码：

代码语言：javascript复制

$.getJSON(
'app.cms.apc?app=test&controller=index&action=index&jsoncallback=?',function(data){
    console.log(data);
});

需要注意的是：跨域时候url后面需要加上&jsoncallback=? 在jquery会自动将jsoncallback=? 中的”?”自动转换为正确的函数名，以便执行回调函数。

php代码：

代码语言：javascript复制

$data = 1;
echo $_GET['jsoncallback']."($data);";

需要注意的是这里返回的方式也是不一样的，需要在前面拼接上$_GET[‘jsoncallback’],

输出的结果为：

jQuery1112033920532957686567_1438161605488(1);

注意jQuery1112033920532957686567_1438161605488 就是刚刚jquery中jsoncallbcak=?中的”?”。

总结下使用getJSON的跨域方式时发送请求时需要传一个callback的回调函数名到服务器端，服务器端拿到这个回调函数名，再将返回数据用参数的形式反回到客户端，这样客户端就能够调到。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/172566.html原文链接：https://javaforall.cn

0 人点赞