Ajax跨域请求问题

大家可能也都清楚JQuery类库中自带的方法$.Ajax()方法可以进行异步调用请求远程数据，的确如此，但是跨域请求时，就会有些问题了。

一般情况下我们都习惯用$.ajax()中的POST的请求方式，而GET方式却帮助我们很好解决了跨域请求问题。

核心代码：

 var url = http://192.168.1.1/mapx_decode/getClientWarpDecode.jsp?lonlat=121.4224,31.21404;

               $.ajax({ url: url, type: 'GET', dataType: 'jsonp', success: function (data) {

                // $.parseJSON();使用下这些自带的JQuery函数
                // $.parseXML();
                // $().find();
                alert($.parseXML(data));
            }
            });

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

另外$.getJSON()方法其实也支持跨域请求的问题

 var url = "http://192.168.1.1/mapx_decode/getClientWarpDecode.jsp?lonlat=121.4224,31.21404&callback=?"; 

  $.getJSON(url, function (data) { alert(data.name); })

 

补充一点：在服务器段要接收下客户端callback后面的参数，然后和正确的参数一起返回给客户端

                string rq_prm = Request.QueryString["callback"]; //接收callback参数
                string msg = "{id:10001,pro_Name:'火腿肠'}";
                if (!string.IsNullOrEmpty(rq_prm))
                {
                    msg = rq_prm + "(" + msg + ");";//和正确的参数一起返回
                }
                this.Response.ContentType = "text/html;charset=utf-8";
                this.Response.Write(msg);
                this.Response.End();

 

 

 

总结：请求远程数据的方法有很多，这还要根据远程数据的发布方式，数据格式有关，常见的有WebServcie请求方式和Ajax方式（数据格式有 String ,Json ,XML等），若发布方式为WebService方式时，只好用该方式请求，但当遇到Ajax方式请求且数据格式为XML时，可以考虑用程序去请求用xml.load()方法，再用Ajax请求本地转换后的数据，效果要好很多，灵活处理吧。