jquery跨域请求的原理

标签：jquery跨域请求的原理   jquery 跨域   

jquery 跨域请求什么实现？

2、什么是 JSONP？

3.为什么使用JSONP ？

4、JSONP原理

5、先看看jQuery.ajax()方式，这种比较容易理解

$.ajax({ 
            async:false, 
            url: 'http://www.xxxxxxx.action',  // 跨域URL
            type: 'GET', 
            dataType: 'jsonp', 
            jsonp: 'callback', //默认callback,也就是URL后面所带的 url?callback=?
            data: mydata, 
            timeout: 5000, 
            beforeSend: function(){  //jsonp 方式此方法不被触发。原因可能是dataType如果指定为jsonp的话，就已经不是ajax事件了
            },
            success: function (json) { //客户端jquery预先定义好的callback函数，成功获取跨域服务器上的json数据后，会动态执行这个callback函数 
                if(json.actionErrors.length!=0){ 
                    alert(json.actionErrors); 
                } 
            }, 
            complete: function(XMLHttpRequest, textStatus){ 
                $.unblockUI({ fadeOut: 10 }); 
            }, 
            error: function(xhr){ 
                //jsonp 方式此方法不被触发
                //请求出错处理 
                alert("请求出错(请检查相关度网络状况.)"); 
            } 
        }); 
       

6、$.getJSON 方式

 $.getJSON("xxxxxx/user.html?callback=?", {},function(json){
	if(json.errorFlag=="OK"){
	
	}else{
		
	}
 )};

String callback = request.getParameter("callback");
JSONObject ret =new JSONObject();
ret.put("errorFlag", "OK");
out.print(callback+ "(" + ret.toString() + ")");

jquery跨域请求的原理

标签：jquery跨域请求的原理   jquery 跨域   

原文地址：http://blog.csdn.net/xuke6677/article/details/43307457