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字符串；

jquery封装的ajax请求

猜你喜欢