jquery封装的ajax请求
| 属性名称 | 解释 |
|---|---|
| url | 请求的服务器端url地址 |
| async | (默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false |
| data | 发送到服务器的数据，可以是键值对形式，也可以是js对象形式 |
| type | (默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET" |
| dataType | 预期的返回数据的类型，取值可以是 xml, html, script, json, text, _defaul等 |
| success | 请求成功后的回调函数 |
| error | 请求失败时调用此函数 |
<script type="text/javascript" src="jquery-3.3.1.js"></script>
<script type="text/javascript">
function sendRequest(){
var allData={
"labelname": "abcadfs",
"state": "1",
"count": 0,
"recommend": "1"
}
var a = JSON.stringify(allData);
alert(a)
$.ajax({
url:"http://localhost:9001/label",
async:true,
data:JSON.stringify(allData),
type:"post",
dataType:"json",
contentType:"application/json;charset=utf-8",
success:function(data){
var b= JSON.stringify(data)
console.log(b);
alert(data);
},
error:function(){
alert("数据没有成功返回!")
}
});
}
</script>
<body>
<input type="button" value="ajax异步访问服务器端" onclick="sendRequest()">
</body>
总结：
1、提交json数据用到ajax异步请求，ajax有异步也有同步请求的方式，主打异步； //form表单默认是以text的方式进行提交，所以要想提交json数据，就得用到ajax请求；
2、JSON.stringify(data);将js对象转换为json字符串；
