jquery ajax 跨域请求【原】
2024-09-30 20:31:08
前台
function sending(){
$.ajax({ type : "get",//jsonp只能get
async:true,
url : "/webcontext/jsonptest.do",//##test1
dataType : "jsonp",
data:{"name":"bobo","age":"18"},
jsonp: "callback",//服务端用于接收callback调用的function名的参数
jsonpCallback:"jsonpCallback",//callback的function名称
beforeSend: function () { },
success : function(json){
$("#result").text(json.respInfo);
},
complete: function () { },
error: function (data) {
console.info("error: " + data.responseText);
return;
}
});
}
后台
只要后台能返回前台指定的jsonpCallback回调名并加一些()即可实现跨域.如当前样例返回:
jsonpCallback({"errorCode":"0000","respInfo":"task is run..."})
也就是在原来json报文的基础上额外添加 回调名(json)
public void doPost(HttpServletRequest request, HttpServletResponse response) {
PrintWriter pw = null;
String jsonpCallback = request.getParameter("callback");
String result = jsonpCallback + "(" + "{\"errorCode\":\"0000\",\"respInfo\":\"task is run...\"}" + ")";
pw.write(result);
pw.flush();
pw.close();
}
其它参考
[转] 由Request Method:OPTIONS初窥CORS==>https://www.cnblogs.com/chris-oil/p/8042677.html
最新文章
- iOS网络4——Reachability检测网络状态
- mysql 批处理文件--- 创建 用户 以及 导入数据
- View和监听器
- [转载]EF Code First 学习笔记:约定配置
- Oracle新建用户、角色,授权,建表空间
- C#开发---利用特性自定义数据导出到Excel
- javascript 之封装技巧
- Yii中的CCheckBoxColumn在widget中的用法
- libcurl post上传文件
- Combination Sum系列问题
- java基础阅读卷1整理(待更新)
- 【Android Developers Training】 100. 使用Intent修改联系人数据
- arcgis point 随着 line类型的轨迹运动的动画
- file图片上传之前先预览
- 零基础学习python_魔法方法(41-48课)(迭代器)
- 更新django到2.x
- Bash Shell (十一)
- Android学习之BitMap用法实例
- 多数据源springboot-jta-atomikos
- sql中字符分割,日期判断,以及函数的应用