jquery ajax 跨域调用

设计接口的时候，大部分接口返回的都是json格式，本来以为就够了，因为客户端都是安卓或ios或者java端，html的比较少，跨域调用的时候报告异常，其实服务器端也执行了，但是返回来的时候有问题，研究了一晚上，解决了，就用jsonp的方式来解决，问题是需要服务器端进行支持，还好比较容易，这样就使得纯html的webapp有了可能。

比较完整的调用方式

var _url = "${eyunCommonServerUrl}/user/sendSMSCaptchaCode.do"; //别人家的服务器

$.ajax({

          type : "get",

          url : _url,

          data : {

            phoneNumber : mobile,

            templateID : 0,

            sendType : 0

          },

          dataType:"jsonp",

          //jsonp:"callback", //可以指定回调函数的参数名

          //jsonpCallback:"flightHandler", //可以指定回调函数的函数名

          success : function(json) {

//jquery会默认给你实现一个，然后回调到这里来，参数json可能是json，也可能是纯字符串，因为服务器端返回的都是json对象，这里就肯定是json了

            alert("json.result: " + json.result + " json.errormsg: "+json.errormsg);

          },

          error : function() {

            //请求出错处理

            alert("error");

          }

        });

第二种方式：

简单一点，用getJOSN方法，不过要注意的是，跨域调用的时候要在url后面传?callback=?。不跨域的时候不用写，也是ajax调用的另一种简写方法。

jQuery.getJSON(_url+"?callback=?" ,{phoneNumber : mobile,templateID : 0,sendType : 0} ,function(data)  

            {  

            alert("data: " + data.result + ", errormsg: " + data.errormsg);  

            });   

其他的注意事项：

跨域只能使用JSONP来实现，或者通过服务器端获取


另外，Access-Control-Allow-Origin 方法可以参考

http://blog.csdn.net/net_lover/article/details/5172509
http://blog.csdn.net/net_lover/article/details/5172522
http://blog.csdn.net/net_lover/article/details/5172532 

其他重要的文章摘要

Data Types（数据类型）


$.ajax()调用不同类型的响应，被传递到成功处理函数之前，会经过不同种类的预处理。 预处理的类型取决于由更加接近默认的Content-Type响应，但可以明确使用dataType选项进行设置。如果提供了dataType选项， 响应的Content-Type头信息将被忽略。


有效的数据类型是text， html， xml， json，jsonp，和 script.


如果指定的是text 或 html， 则不会预处理。 这些数据被简单地传递给成功处理函数， 并通过该jqXHR对象的responseText属性获得的。


如果指定的是xml， 响应结果作为XMLDocument，在传递给成功处理函数之前使用jQuery.parseXML进行解析。 XML文档是可以通过该jqXHR对象的responseXML属性获得的。


如果指定的是json，响应结果作为一个对象，在传递给成功处理函数之前使用jQuery.parseJSON进行解析。 解析后的JSON对象可以通过该jqXHR对象的responseJSON属性获得的。


如果指定的是script ，$.ajax() 执行这段 JavaScript，这段 JavaScript 从服务器接收到，在传递给成功处理函数之前是一个字符串。


如果指定的是jsonp ，$.ajax()会自动在请求的URL后面增加一个查询字符串参数 callback=?（默认） 。传递给$.ajax() 设置中的jsonp 和 jsonpCallback属性可以被用来指定， 分别为 查询字符串参数的名称和JSONP回调函数的名称。服务器应返回有效的JavaScript，传递JSON响应到回调函数（愚人码头注：例如，flightHandler({"code": "CA1998","price": 1780,"tickets": 5});等）。 在包含JSON对象的相应结果传递给成功处理函数之前，$.ajax() 将执行返回的JavaScript， 调用JSONP回调函数。


更多JSONP信息可以参阅详细介绍了其使用的原帖.


Sending Data to the Server（发送数据到服务器）


默认情况下，Ajax请求使用GET方法。如果要使用POST方法，可以设定type参数值。这个选项也会影响 data 选项中的内容如何发送到服务器。POST数据将被发送到服务器使用UTF-8字符集，根据W3C XMLHttpRequest的标准。


data选项既可以包含一个查询字符串，比如 key1=value1&key2=value2，也可以是一个映射，比如 {key1: 'value1', key2: 'value2'} 。如果使用了后者的形式，则数据再发送前会用jQuery.param() 将其转换成查询字符串。这个处理过程也可以通过设置processData选项为false来回避。如果我们希望发送一个XML对象给服务器时，这种处理可能并不合适。并且在这种情况下，我们也应当改变contentType 选项的值，用其他合适的MIME类型来取代默认的 application/x-www-form-urlencoded 。