| 屬性名稱 | 解釋 |
|---|---|
| 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字符串；