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

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>

jsonp.php
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值