基于jQuery的ajax跨域请求,PHP作为服务器端代码
来源:互联网 发布:学生会的一己之见 知乎 编辑:程序博客网 时间:2024/05/16 03:16
ajax实现跨域请求有两种方式:
方法一:jsonp的方式
jsonp方式的关键点在客户请求以jsonp作为数据类型,服务器端接收jsonp的回调函数,并通过回调函数进行数据的传输。具体代码如下:
客户端:
$.ajax({type:"GET",url:"http://192.168.20.88:80/class/index.php",dataType:"jsonp",jsonp:"callback",jsonpCallback:"success_jsonpCallback",success:function(json){$("#textShow").html("姓名:"+json.name+" 性别:"+json.sex);},error:function(){alert("fail");}})
服务器端;
// 使用jsonp实现跨域传输的方式,重点在于通过callback回调函数进行传递数据 $data=array("name"=>"张三","sex"=>"男"); $callback=$_GET['callback']; echo $callback."(".json_encode($data).")";
方法二:使用CORS方式
之所以产生跨域问题是应为浏览器遵从同源策略,何为同源?所谓同源是指域名、协议、端口相同。只有在同源策略下才能够进行数据的交互。而跨域显然是不满足同源策略要求。所以为此提供了CORS方式,为要请求的目的服务器段加上header请求头便可实现客户端跨域请求。代码如下:
服务器端(PHP):
// 使用CORS进行处理跨域传输echo "hello boy,我是通过CORS方式传输的";// 允许 http://localhost:8080 发起的跨域请求header("Access-Control-Allow-Origin:http://localhost:8080");
客户端:
$("#textShow").load("http://192.168.20.88:80/class/index.php");
jsonp的方式只支持get方式数据交互,而CORS方式可令客户端以同源策略下的各种方式请求数据。
0 0
- 基于jQuery的ajax跨域请求,PHP作为服务器端代码
- php + jquery ajax 跨域请求
- 基于jQuery的AJAX请求Table显示
- 服务器端解决ajax请求跨域
- JQuery的Ajax跨域请求的
- jquery validate (3) : ajax请求服务器端验证
- 用jquery的ajax跨域请求
- 用jquery的ajax跨域请求
- JQuery的Ajax跨域请求要义
- jQuery的Ajax跨域请求
- jQuery ajax跨域请求的解决方法
- ajax与php的跨域请求
- jQuery通过ajax请求php遍历json数组到table中代码(推荐)的相关资料
- 基于JQuery框架的AJAX实例代码
- jquery ajax 跨域请求
- jQuery Ajax 跨域请求
- Jquery AJAX 跨域请求
- jQuery Ajax 跨域请求
- 启动页与闪屏
- 拼装xml
- RESTful Web 服务
- 漫谈Servlet(一)
- Kafka Eagle 源码解读
- 基于jQuery的ajax跨域请求,PHP作为服务器端代码
- (29)Air Band OpenCV2.4.13_Canny边缘检测
- Android SQLite数据库删除数据
- Git关于忽略Xcode工程中UserInterfaceState.xcuserstate文件的问题
- TCP/UDP/IP/MAC 包头结构小结
- Qt修炼手册12_线程同步与线程等待条件
- 算法——字节位换序
- solr6.3.0安装启动,以及core创建和导入数据
- ArrayBlockingQueue源码解析