jQuery封装ajax请求3种方式-----代码demo

最新推荐文章于 2022-12-23 17:21:30 发布

咩有猫腻.

最新推荐文章于 2022-12-23 17:21:30 发布

阅读量393

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/DcTbnk/article/details/105852808

版权

jQuery 专栏收录该内容

49 篇文章 0 订阅

订阅专栏

jQuery_ajax_get

在这里插入图片描述

==jQuery_ajax_post ==

在这里插入图片描述

jQuery_ajax_ajax1

在这里插入图片描述

jQuery_ajax_ajax2

<h1>跨域请求</h1>
<button>请求</button>

<script src="../jquery.min.js"></script>
<script>
    // 应该是提前准备一个函数,但是现在jQuery帮我们准备好了,我们不用自己写了
    // function fun(value){
    //     console.log(value);
    // }

    $('button').click(function(){
        // 代理方式跨域,高版本支持
        // 配置好代理,定义好传参方式,就可以完成代理,请求跨域
        // $.ajax({
        //     url : '/dt?include_fields=top_comments%2Cis_root%2Csource_link%2Citem%2Cbuyable%2Croot_id%2Cstatus%2Clike_count%2Csender%2Calbum%2Creply_count&filter_id=%E7%BE%8E%E9%A3%9F%E8%8F%9C%E8%B0%B1&start=0&_=1587714668214',
        //     type : 'get',
        //     // data : {name:'张三',pwd:123456},
        //     // dataType : 'json',
        //     success : function(res){
        //         console.log(res);
        //     }
        // })

        // jsonp方式
        // 在执行跨域时
        //    1, 必须要设定 dataType 为 jsonp,才能完成跨域
        //    2, 我们手写 jsonp 方式,要先定义一个函数
        //       现jQuery给我们准备好了,一个函数,默认的名称是 callback
        //       可以通过 jsonp 属性 来定义 这个函数的名称 
        //       这里影响的是PHP的操作

        $.ajax({
            // 这里只能写localhost 因为jsonp跨域请求了 不能写127.0.0.1 否则会报错
            url : 'http://localhost/nz2002/week8_day04/01_jQuery_ajax/jsonp.php',
            type : 'get',
            data : {name:'张三',pwd:123456},
            dataType : 'jsonp',  // jsonp 跨域请求专门的参数
            jsonp : 'fun',       // 定义函数名称为 fun , 不写默认名称是 callback
            success : function(res){
                console.log(res);
            }
        })
    })
</script>