利用jsonp进行ajax跨域请求

发布时间：2020-12-16 19:23:04 所属栏目：百科来源：网络整理

导读：以下是一个discuz论坛反向登录请求，从discuz论坛反向登录业务系统：客户端代码： function discuzLogin(encryptM) { $.ajax({ type: 'GET', async: false, url:'http://XXX.com/Discuz/Login', data:{UserName:encryptM }, dataType: "jsonp", jsonp:"call

以下是一个discuz论坛反向登录请求，从discuz论坛反向登录业务系统：

客户端代码：

function discuzLogin(encryptM) {

$.ajax({
type: 'GET',
async: false,
url:'http://XXX.com/Discuz/Login',
data:{UserName:encryptM },
dataType: "jsonp",
jsonp:"callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)，
jsonpCallback:"login",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
success: function (data) {
if (data.success) {
num = 0;
$.cookie(trv_client_Cookie,encryptM);
} else {
num++;
if (num <= 5) {
setTimeout(discuzLogin(encryptM),'2000');
}
}
},
error: function (e) {
num++;
if (num <= 5) {
setTimeout(discuzLogin(encryptM),'2000');
}
}
});

}

参数解释：jsonp：服务端接受的回调参数名称需要和jsonpCallback值一致，也可在服务端写死，以上案例是写死的

服务端代码：

/// <summary>
/// Discuz集成登陆
/// </summary>
/// <returns></returns>
public string Login()
{
try
{
//==============业务处理=========
return "login({ success:true,msg:'登录成功！' })";
}
else
{
return "login({ success:false,msg:'域名不在字典中或用户名错误！' })";
}
}
catch (Exception ex)
{
LogHelper.ApplicationError(ex);
return "login({ success : false,msg: '登录失败,系统异常！' })";
}
}

解释：return "login({ success:true,msg:'登录成功！' })";，这里的login是由客户端jsonp里的jsonpCallback参数值，可改成动态接收jsonp的值(request["jsonp"])

到这里就好了，已经达到可以利用Jsonp进行ajax跨域请求。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!