Ajax 传送数据
2019-11-01 本文已影响0人
zain丶月下
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
如何传输数据?
一、ajax传送文件几个格式:
1 json格式:
json格式:
{"username":"张三","userId":"1"}
2 json字符串格式:
“{“username”:”张三”,”userId”:”1”}” ,或者JSON.stringify({“username”:”张三”,”userId”:”1”})
我们可以通过对象方式传值
后端解析方式:
3 标准格式
“username=张三&userId=1”
(“#form”).serialize()就可以把表单转化为这种格式
注意:要使用params = decodeURIComponent(data ,true)进行解码,不然中文数据会乱码。ajax在传值的过程中,一般都是字符的格式。
在实际的开发过程中。我们通常用formData来传送数据。因为formData不止支持标准的格式,而且还支持文件传输。
在这里笔者在提供一种方式
这种方式也就是用jquery.from自带的提交方式。这种方式在没有上传文件时最方便,直接上代码
//配置参数
var formData = new FormData();
var formDom = $("#dishesForm");
//配置参数
var options = {
url: "${props['basepath']}tosavebusinessbyadd",
type: "post",
success: function(res) {
if(res.status==1){
layer.open({
content: '添加成功',
icon: 6,
yes: function(index, layero){
window.location.href= '${props["basepath"]}/tovacationlist';
layer.close(index); //如果设定了yes回调,需进行手工关闭
}
});
}else if(res.status==0){
layer.alert('添加失败', {icon: 5});
}
},
dataType: "json",
clearForm: true,
resetForm: true,
timeout: 60000
};
//提交请求
formDom.ajaxSubmit(options);
注意:在用这种方式提交时,要引入jquery.from文件(网上很多)
二:总结
post请求能用1、2、3类型传递参数
get请求能用1、3类型传递参数