jQuery AJAX最常用的三种方法

jQuery 调用AJAX方法有很多，如下图， 不过在项目中常用的也就那么几个，做个小统计： 

---

最常用的三种：

get方式提交，所以如果你的params参数里面有中文的话，请先转码，否则会出现乱码提交到后台。

采用post方式提交，中文参数无需转码，在callback中如果要获取json字符串，还需转换一下。 

<script>
    //把所有需要用到的地址归类到一个对象里
    var webUrl = {
        "show1Url": "{{ url('address/list1') }}",
        "show2Url": "{{ url('address/list2') }}",
        "show3Url": "{{ url('address/list3') }}"
    };

    function getData() {
        $.get(webUrl.show1Url,  //获取地址
            function(json){
                console.log(json);
             });
    }


    function postData(v1) {
        $.ajaxSettings.async = true;   //在这里设置同步或异步 默认为true(可不写)  false为同步

        $.post(webUrl.show2Url,   //获取地址
            {
                "id":v1          //需要传输的数据
            },
            function(json){
                console.log(json);
            });
    }

    function fullData(id) {
        $.ajax({              //  AJAX 请求设置。所有选项都是可选的。
            async:false,        //请求是同步或异步    默认为true  为true时不用写
            type: "POST",            //设置类型
            url: webUrl.show3Url,           //数据传输地址
            dataType: "json",               //获取的数据类型
            data: {"id":id},            //传参
            success: function (json) {      //请求成功之后调用
               accidentList = json.list;   //这里可以直接取data里面的数据了，因为设置返回值为json方式。   
            },
            error: function () {        //请求出错时调用
                console.log("请求失败");
            }
        })
    }


</script>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47

最后一种虽然很全，不过如果功能要求不是特别复杂的用前两个就OK

https://blog.csdn.net/freedomvenly/article/details/79172832

https://www.cnblogs.com/564085446java/p/3644582.html