jquery跨域请求

解决浏览器非同源跨域问题
JSONP:JSON WITH PIDDING 是一种非官方的协议。
允许在服务器端生成 javaScript tag 返回至客户端, jsonp是一种script tag 的注入 将server返回的response添加到页面实现特定功能.
浏览器同源策略：浏览器限制脚本只能在相同协议、同域名、同端口的脚本进行交互。包括共享和传递参数、变量等。cookie的传递也遵循同源策略
如何解决跨域访问呢？那就要借助浏览器的一个特性：尽管浏览器不允许页面中的脚本程序跨域读取数据，但却允许HTML引用跨域的资源，如图片，CSS和脚本程序。对于脚本程序的引用比较特殊，它被浏览器解析以后，就和本地的脚本程序别无二致且可立即进行解释并执行。
通过<script> 标记的使用，就可从服务端直接返回可执行的JavaScript函数调用或者JSON数据。
JSONP原理与实现
   首先在客户端注册一个callback, 然后把callback的名字传给服务器。此时，服务器先生成 JSON数据。然后以JavaScript 语法的方式，生成一个function, function名字就是传递上来的参数jsonp. 
然后，将JSON数据直接以入参的方式，放置到function中，这样就生成了一段 js 语法的文档，返回给客户端。
最后，在客户端浏览器中解析script标签，并执行返回的JavaScript文档，此时数据作为参数，传入到了客户端预先定义好的回调函数里(动态执行回调函数) 。
示例：

<script type="text/javascript">  
    function jsonpCallback(result){   
       alert(result[1].name);   
    }   
</script>
<script type="text/javascript"src="http://localhost:8080/Jsonp/jsonp.jsp?callback=jsonpCallback"></script>

jquery代码

<script type="text/javascript">   
	$.getJSON("http://localhost:8080/Jsonp/jsonp.jsp?callback=?", function(json){    
		alert(json[0].name);   
	});   
</script>
//[b]ajaxJson[/b]
var qsData = {'searchWord':$("#searchWord").attr("value"),'currentUserId':$("#currentUserId").attr("value"),'conditionBean.pageSize':$("#pageSize").attr("value")};
$.ajax({
   async:false,
   url: http://跨域的dns/document!searchJSONResult.action,
   type: "GET",
   dataType: 'jsonp',
   jsonp: 'jsoncallback',
   data: qsData,
   timeout: 5000,
   beforeSend: function(){
   //jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了
   },
   success: function (json) {//客户端jquery预先定义好的callback函数,成功获取跨域服务器上的json数据后,会动态执行这个callback函数
}
}）;
//[b]java端[/b]
     //callback 客户端传递过来的回调函数的名称
     String callback = request.getParameter("callback"); 
     out.print(callback+"([ { name:'John',age:'19'},{ name:'joe',age:'20'}] );");
     out.print(callback);