JQuery Ajax跨域的问题

执笔记忆的空白

发布于 2020-12-25 14:27:43

77800

代码可运行

文章被收录于专栏：Java日常Java日常

运行总次数：0

代码可运行

今天前端因为需要ajax调用两个不同的项目，请求域不一样，所以涉及ajax跨域的问题，其实很简单，具体如下

原来的ajax请求如下：

$.ajax({
		type:"post",
		url:platformUrl +"/security/modifyPwd.do",
		data:$('#updatepwdform').serialize(),
		dataType:"json",
		success:function(data){
			$("#updatepwd_btn").click();
			$.toast("修改成功，系统即将退出，请重新登录",1500);
		},
		error: function() {
			$.toast("网络异常",1500);
        }
	});

只需改动ajax固定参数

dataType:"jsonp", crossDomain:true, jsonpCallback:"jsonpCallbackFun", jsonp:"callback",

且后台返回的数据格式必须是：jsonpCallbackFun（json数据）; 这里的jsonpCallbackFun是你自定义的回调函数方法名

改动后：

$.ajax({
		type:"post",
		url:platformUrl +"/security/modifyPwd.do",
		data:params,
		dataType:"jsonp",
		crossDomain:true,
		jsonpCallback:"jsonpCallbackFun",
		jsonp:"callback",
		success:function(data){
			if(data.result==1){
				$("#updatepwd_btn").click();
				$.toast("修改成功，系统即将退出，请重新登录",1500);
				setTimeout("logout()",1600);
			}else if(data.result==2){
				$.toast(data.msg,1500);
			}else{
				$.toast("修改失败",1500);
			}
		},
		error: function() {
			$.toast("网络异常",1500);
		}
	});

这样即可跨域请求了

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2016/08/22 ，如有侵权请联系 cloudcommunity@tencent.com 删除

ajax