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>

总结：javascript

　　一、提交json数据用到ajax异步请求，ajax有异步也有同步请求的方式，主打异步；　　　　//form表单默认是以text的方式进行提交，因此要想提交json数据，就得用到ajax请求；html

　　二、JSON.stringify(data);将js对象转换为json字符串； java