jquery封裝的ajax請求

時間 2020-06-14

原文原文鏈接

屬性名稱	解釋
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>