jquery 跨域访问有关问题

jquery 跨域访问问题
jquery ajax 本身是不无法进行跨域访问的，不过jquery提供了jsonp 属性，可以jsonp协议试下跨域访问，下面给出一个简单的实例。

1)jsp

&lt;%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%&gt;&lt;%  String a ="{'name':'tom','sex':'男','age':'24'}";  String json = request.getParameter("callback");  json = json +"("+a+")";  response.getWriter().write(json);%&gt;

2)客户端跨域调用代码片段

   &lt;script type="text/javascript"&gt;   $(function(){       $.ajax({          async:false, url: 'http://localhost:8080/ws/web/pages/data/json.jsp', type: "GET", dataType: 'jsonp', jsonp: 'callback', data: null, success: function (json) {    alert(json.name);}       });    })   &lt;/script&gt;

dataType: 'jsonp', 指定了以jsonp 格式返回
jsonp 指定了请求服务时携带的回调函数名

如果跨域访问成功 ,回调函数会作为success 后面的函数自动调用,参数就是服务端响应的json数据

3）请求原理我浅显的理解为客户端向服务端动态植入了script 代码片段，并由服务端以参数方式接受后，组装返回给调用端。

4）应用弊端
利用jsonp协议存在着将客户端与服务端深度耦合，这样就意味着，如果服务端没有满足按客户端调用格式进行组装响应内容，jsonp请求模式就会失败。
对于一次请求与响应的过程中，callback 对于服务端是没有任何意义的，但是客户端将其强行植入到服务端，就难免会对服务端构成威胁，jsonp不安全性也是很明显的。
5)代理访问

package cn.com.ld.util;import java.io.BufferedReader;import java.io.IOException;import java.io.InputStream;import java.io.InputStreamReader;import java.net.HttpURLConnection;import java.net.URL;/** * @filename: HttpAccessProxy * @Description: TODO * @author java小生 * @date 2012-9-13 下午4:09:56 */public class HttpAccessProxy {public static String accessProxy(String pageUrl) {URL url;String pageString = "";InputStream is = null;BufferedReader br = null;StringBuffer sb = null;try {url = new URL(pageUrl);HttpURLConnection connection = (HttpURLConnection) url.openConnection();is = connection.getInputStream();br = new BufferedReader(new InputStreamReader(is));sb = new StringBuffer();String line = null;while ((line = br.readLine()) != null) {sb.append(line + "\n");}pageString = sb.toString();} catch (Exception e) {e.printStackTrace();} finally {try {is.close();br.close();} catch (IOException e) {e.printStackTrace();}}return pageString;}public static void main(String[] args) {System.out.println(HttpAccessProxy.accessProxy("http://localhost:8080/ws/web/pages/data/json.jsp"));}}

代理访问一定程度上是比较安全的，也是比较常用的。

jquery 跨域访问有关问题

热点推荐