JQuery兑现跨域访问 _Web前端

JQuery实现跨域访问

String output = request.getParameter( "callback" ) + "(" + "{'symbol' : 'IBM', 'price' : '91.42'}" + ");" ;

??? response.setContentType( "text/javascript" );

?????????????

??? PrintWriter out = response.getWriter();

??? out.println(output);

? 最近两天学习了一下JQuery,深感其功能之强大。
? 费话不多说，我先通过internet 的web服务器（其提供json服务）进行测试（firefox的插件firebug），发现服务器响应

为：

jQuery15209186060111228069_1302780374724({"postalcodes":[{"adminName2":"Westchester","adminCode2":"119","postalcode":"10504","adminCode1":"NY","countryCode":"US","lng":-73.700942,"placeName":"Armonk","lat":41.136002,"adminName1":"New York"}]});

我的客户端代码为：

jQuery.getJSON( "http://www.geonames.org/postalCodeLookupJSON?postalcode=10504&country=US&callback=?" , null ,

function (data) {

??? alert( "Symbol: " + data.symbol + ", Price: " + data.price);

});

终于找到问题原因：

?? 要用 json 的跨域访问功能，服务器端面必须返回对应的 jquery 回调函数（当然，函数名由 jquery 动态生成，通过？ callback=?? ， jquery 将动态生成的函数名传递给 callback, 这个必须在服务器端得到，并组合成 json ，将 josn 放入相应 callback 上对应的函数）

更改之后，我的客户端代码：

jQuery.getJSON( "http://127.0.0.1:8080/JQuery3/UserVerify? callback=?" , null ,

function (data) {

??? alert( "Symbol: " + data.symbol + ", Price: " + data.price);

});

服务端代码：

String output = request.getParameter( "callback" ) + "(" + "{'symbol' : 'IBM', 'price' : '91.42'}" + ");" ;

??? response.setContentType( "text/javascript" );

?????????????

??? PrintWriter out = response.getWriter();

??? out.println(output);

补充说明：

??? 我调试是用的http://localhost:8080/ 域，虽然都是本地服务器，但是，在http://localhost:8080/下访问

http://127.0.0.1:8080/，当然是不同域了。如果调试时，地址栏上用的域与你jQuery访问时用的域不一致，同样会涉及跨域访问的知识。

??? 这也是我发现这个问题的原因。

使用getJSON函数是，为了实现跨域访问，必须加上callback=?,因为 request.getParameter( "callback" )。

服务器端必须得到jQuery动态生成的回调函数名，再传给客户端。

我的这个试例，客户端响应为：

jQuery152028319909285452693_1302780724731({'symbol' : 'IBM', 'price' : '91.42'});