利用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跨域请求。

相关文章

AJAX是一种基于JavaScript和XML的技术,能够使网页实现异步交...
在网页开发中,我们常常需要通过Ajax从后端获取数据并在页面...
在前端开发中,经常需要循环JSON对象数组进行数据操作。使用...
AJAX(Asynchronous JavaScript and XML)是一种用于创建 We...
AJAX技术被广泛应用于现代Web开发,它可以在无需重新加载页面...
Ajax是一种通过JavaScript和HTTP请求交互的技术,可以实现无...