jquery的ajax跨域解决方案「建议收藏」
2023-06-13 09:11:01 时间
大家好,又见面了,我是你们的朋友全栈君。
ajax是一种无刷新技术,在web开发中占有举足轻重的作用,但是由于安全问题,ajax在跨域时候并不支持post。现在笔者写个采用getJSON的方式实现跨域的实例来供大家参考:
采用getJSON的方式
jquery代码:
$.getJSON(
'app.cms.apc?app=test&controller=index&action=index&jsoncallback=?',function(data){
console.log(data);
});
需要注意的是:跨域时候url后面需要加上&jsoncallback=? 在jquery会自动将jsoncallback=? 中的”?”自动转换为正确的函数名,以便执行回调函数。
php代码:
$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
相关文章
- Jquery Ajax 跨域调用asmx类型 WebService范例
- jquery监听浏览器刷新_jQuery刷新浏览器页面大小
- jQuery ajax方法
- jQuery Validation让验证变得如此容易(二)详解编程语言
- Jquery中的.post和 .ajax两个方法的区别是什么详解编程语言
- jQuery与AJAX详解编程语言
- jQuery keydown和keyup事件
- 使用Ajax实现MySQL数据库操作(ajax操作mysql)
- JS+Ajax+Jquery实现页面无刷新分页以及分组超强的实现
- javascript模拟JQuery的Ready方法实现并出现的问题
- Jquery+ajax请求data显示在GridView上(asp.net)
- jQuery.ajax用户登录验证代码
- jquery全局AJAX事件使用代码
- jquery+ajax每秒向后台发送请求数据然后返回页面的代码
- jquery中ajax学习笔记4
- PHP中运用jQuery的Ajax跨域调用实现代码
- JQuery魔力之$("tagName")与selector
- 基于jquery的多功能软键盘插件
- 基于JQuery模仿苹果桌面的Dock效果(初级版)
- Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
- jquery得到font-size属性值实现代码
- jQuery读取和设定KindEditor值的方法
- jquery的ajax和getJson跨域获取json数据的实现方法
- jquery+ajax+C#实现无刷新操作数据库数据的简单实例
- jquery插件冲突(jquery.noconflict)解决方法分享
- jquery实现的一个简单进度条效果实例
- jquery获取对象的方法足以应付常见的各种类型的对象
- jQuery+PHP+ajax实现微博加载更多内容列表功能
- jQuery+ajax实现鼠标单击修改内容的方法