ajax跨域操作

最新推荐文章于 2023-10-12 18:03:20 发布

Savoury__java

最新推荐文章于 2023-10-12 18:03:20 发布

阅读量240

点赞数

分类专栏：跨域

本文链接：https://blog.csdn.net/u014227715/article/details/51512541

版权

跨域专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了如何使用Ajax的JSONP技术实现跨域数据请求。在数据方，设置返回的回调函数包裹数据，如`callback123({'title':12345})`。在取数据方，通过jQuery的Ajax方法配置`dataType: "jsonp"`和`jsonpCallback:"callback123"`，指定回调函数名，并在`success`中处理响应数据。

摘要由CSDN通过智能技术生成

跨域操作：
给数据方：
callback123({'title':12345});
取数据方：
setTimeout(function(){
$.ajax({
type: "get",
async: false,
url: "http://192.168.0.71:8080/teacher/js/curriculum.js",
dataType: "jsonp",
jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
jsonpCallback:"callback123",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
success: function(json){
alert('您查询到航班信息：票价： ' + json.title + ' 元，余票： ');
},
error: function(){
alert('fail');
}
});

}, 1200)

//可以在action中直接打印到页面，直接用jsonp也可以请求到，只要把url,改成对方地址就行了。
String title= SetProperty.readValue("courseTitle");
if(title!=null){
response.setContentType("text/html;charset=utf-8");
try {
PrintWriter out = response.getWriter();
String content = request.getParameter("callback")+"({\"title\": \""+title+"\"});";
out.println(content);
out.flush();
out.close();
} catch (IOException e) {
e.printStackTrace();
}
}