zoukankan      html  css  js  c++  java
  • JQuery的Ajax跨域请求的解决方案

           今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式,于是即刻翻出Jquery的API出来研究,发现JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式。分别是JQuery的 jquery.ajax jsonp格式和jquery.getScript方式。

            什么是jsonp格式呢?API原文:如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型。使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面。服务器端应当在JSON数据前加上回调函数名,以便完成一个有效的JSONP请求。意思就是远程服务端需要对返回的数据做下处理,根据客户端提交的callback的参数,返回一个callback(json)的数据,而客户端将会用script的方式处理返回数据,来对json数据做处理。JQuery.getJSON也同样支持jsonp的数据方式调用。

            客户端JQuery.ajax的调用代码示例:

    $.ajax({
    	type : "get",
    	async:false,
    	url : "http://www.xxx.com/ajax.do",
    	dataType : "jsonp",
    	jsonp: "callbackparam",//服务端用于接收callback调用的function名的参数
    	jsonpCallback:"success_jsonpCallback",//callback的function名称
    	success : function(json){
    		alert(json);
    		alert(json[0].name);
    	},
    	error:function(){
    		alert('fail');
    	}
    });

        服务端返回数据的示例代码:

    public void ProcessRequest (HttpContext context) {
    	context.Response.ContentType = "text/plain";
    	String callbackFunName = context.Request["callbackparam"];
    	context.Response.Write(callbackFunName + "([ { name:"John"}])");
    }
    111111
  • 相关阅读:
    swoole 安装方法 使用即时聊天
    git的介绍以及简单应用
    curl的应用
    linux下监听和同步代码配置
    mac skim 修改背景色
    php 编译安装的一个 configure 配置
    mac mysql error You must reset your password using ALTER USER statement before executing this statement.
    yii2 控制器里 action 大小写组合造成的路由问题
    warning : json_decode(): option JSON_BIGINT_AS_STRING not implemented in xxx
    redis 自启动脚本
  • 原文地址:https://www.cnblogs.com/whl4835349/p/9448774.html
Copyright © 2011-2022 走看看