利用jsonp进行ajax跨域请求

前端之家收集整理的这篇文章主要介绍了利用jsonp进行ajax跨域请求前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

以下是一个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跨域请求。

原文链接:https://www.f2er.com/json/290477.html

猜你在找的Json相关文章