欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQueryAJAX最常用的三种方法列举介绍

程序员文章站 2022-04-03 17:52:58
cv大法用习惯了,有时候都忘记基本的写法了,做个记录,方便下次查看 其实jquery 调用ajax方法有很多,如下图, 不过在项目中常用的也就那么几个,做个小统计: 最常用...

cv大法用习惯了,有时候都忘记基本的写法了,做个记录,方便下次查看

其实jquery 调用ajax方法有很多,如下图, 不过在项目中常用的也就那么几个,做个小统计:

jQueryAJAX最常用的三种方法列举介绍

最常用的三种:

<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) {      //请求成功之后调用
                // console.log(json);
                console.log(json);
            },
            error: function () {        //请求出错时调用
                console.log("请求失败");
            }
        })
    }


</script>

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