欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ajax request payload 有效载荷(Payload) ajax 

程序员文章站 2022-07-15 14:15:06
...
http://blog.csdn.net/yiifaa/article/details/73468001

[url]http://www.cnblogs.com/Benoly/p/4341272.html
[/url]

var data =  {
    name : 'yiifaa'
};
//  提交数据
$.ajax('app/', {
    method:'POST',
    //  将数据编码为表单模式
    contentType:'application/x-www-form-urlencoded; charset=UTF-8',
    //  数据必须为JS对象,不可是字符串
    data : data,
    success : function(datas) {
        console.log(datas)
    }
})

而Payload提交方式的实现如下:

$.ajax('app/', {
    //  据我测试了多次,payload只能用于POST方式
    method:'POST',
    //  数据类型必须为application/x-www-form-urlencoded之外的类型
    contentType:'application/json;charset=utf-8', charset=UTF-8',
    //  数据必须转换为字符串
    data : JSON.stringify(data),
    success : function(datas) {
        console.log(datas)
    }
})

结论

Form提交与Payload虽然都能提交数据,但它们的应用场景差异较大,需要准确理解它们的差异才是应用得当的前提。

-------------jsonp 跨域 jquery保存session

$.ajax({
url: 'http://localhost:8081/sms/authority/SignIn',
type: 'POST',
data: JSON.stringify({account: username, password: password}),
dataType: 'jsonp',
contentType:'application/json;charset=utf-8',
processData: false,
crossDomain: false,
xhrFields: {
withCredentials: true
},
success: function(result){
if(result.success && result.result){

location.href= 'index.html';
}
},
error: function(error){
var errorResult = error.responseJSON;
var errorText = '用户名或密码不正确';
if(errorResult.result.message){
errorText = errorResult.result.message;
}
$('#errorMsg').html(errorText);
}
});
相关标签: ajax