jquery ajax实现跨域访问

最新推荐文章于 2024-02-22 16:18:39 发布

yandiyu

最新推荐文章于 2024-02-22 16:18:39 发布

阅读量410

点赞数

CC 4.0 BY-SA版权

分类专栏：学习笔记

本文链接：https://blog.youkuaiyun.com/yandiyu/article/details/45192493

学习笔记专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用JSONP实现跨域请求的例子，前端通过jQuery发起POST请求，后端接收并返回数据，展示了如何设置回调函数及处理返回的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端页面代码:

<script type="text/javascript" language="javascript">
     function test(){
          $.ajax({
               url:"http://192.168.11.111:8080/coreapp/wcmsearch/gettravel.do",
               type:"post",
               data:"passCity=sa&jsoncallback=?",
               dataType:"jsonp",
               jsonp:"jsoncallback",
               success:function(result){
                   var jsondata=eval(result);
                   $.each(jsondata,function(index){
                   });
               }
               
          });
     }
</script>

其中 jsoncallback=? 是指jquery自动给jsoncallback生产参数值并传到后台，dataType属性值是"jsonp"。

后端代码:

public String getTravel(TravelInfo ti){
      String jsoncallback=ti.getJsonCallBack();
       List data=search.getData();
       return jsoncallback+"("+JSONArray.fromObjec(data).toString()+")";
}

jsoncallback参数名是可以自定义的,只要后台获取到值,并保持jsonp中属性值是此参数名即可。

这样进行前后台编写,就可以实现跨域访问。