jQuery JSONP跨域

最新推荐文章于 2023-06-06 11:58:16 发布

原创最新推荐文章于 2023-06-06 11:58:16 发布 · 106 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jsonp

jQuery 专栏收录该内容

39 篇文章

订阅专栏

本文介绍了一种使用JSONP实现跨域请求的方法。通过设置HTTP响应头并构造特定格式的JSONP回调函数，使得客户端能够成功接收服务器端的数据。示例中展示了如何在服务器端准备JSONP响应，并在客户端通过jQuery发起GET请求来调用该服务。


String result=request.getParameter("data")==null?"null":request.getParameter("data");
String callback = request.getParameter("jsonpCallback")+"([{\"results\":"+result+"}])";
response.setHeader("Pragma", "no-cache");
response.setHeader("Cache-Control", "no-cache, must-revalidate");
response.setHeader("Pragma", "no-cache");
response.getWriter().write(callback);
response.getWriter().flush();
response.getWriter().close();

System.out.println("json:"+callback+"接收返回");


客户端test.html
$.getJSON("http://10.100.121.113:8081/test.jsp?jsonpCallback=?&data=90", function(data){      
        alert(data[0].results);     
    });