jquery跨域问题

关注

原创最新推荐文章于 2026-04-05 02:11:20 发布 583 阅读 AI 写同款· GEO 优化 ›

跨域问题解析：利用jQuery解决跨域限制当我们在浏览器中发起跨域请求时，由于浏览器的同源策略（Same-Origin Policy），请求会被阻止，导致无法获取所需的数据。当我们在浏览器中发起跨域请求时，由于浏览器的同源策略（Same-Origin Policy），请求会被阻止，导致无法获取所需的数据。举例来说，如果我们的网页部署在http://example.com 域名下，那么对于请求http://api.example.com 的数据就会被浏览器拦截。为了绕过浏览器的同源策略，我们需要在服务端设置响应头，允许特定域名的跨域请求。阅读详情

js中函数请求外部系统后台方法时产生跨域问题（不在同一ip，不在同一端口，不用同一协议，满足其一构成跨域）

jquery get 能轻松解决跨域问题,post不能跨域

function test(){

//第一种形式
    $.ajax({
          type : "GET",
          url : "http://localhost:8083/sinosoft-webmodule-cultureCity/cultureManager/CultureManager/test.do?callback=?",
          dataType : "jsonp",
          jsonp: 'jsoncallback',
          success : function(data){
              alert(data['info'][0].id);
             // alert(json);
               $('#msg_box').html(data);
               //return true;
              }
           });

//第二种形式（需要加callback参数）

$.getJSON('http://localhost:8083/sinosoft-webmodule-cultureCity/cultureManager/CultureManager/test.do?callback=?', function(res){
    alert(res['info'][0].id);
     $('#msg_box').html(res.responseText);
     });

}

服务器端：

public void test(){
   String callback =HttpUtil.getString(super.getRequest(), "callback");
   String result="{" +
     "'status':'200'," +
     "'info':" +
     "[{'id':'JX018','name':'安贞'}," +
     "{'id':'CG028','name':'奥运村'}" +
     "]}";
   this.response(callback+"("+result+")");
}