jquery网络请求以及封装

jquery的网络请求很好用 但是现在太少了,现在除了一些老项目,基本就用不到了

抽象方法

                $.get(url,(n1,n2,n3)=>{

                    console.log(n1,n2,n3)               

                })

                $.post(url,(data)=>{

                    console.log(data)

                })

                $("#box").load(url)

                

                getJSON 内部会判断我们传入网址 是不是跨域的网址

                1.非跨域它创建xhr对象请求数据

                2.跨域了就创建srcipt请求数据

                $.getJSON("http://192.168.5.109:8081/jsonp1?cb=?",(data)=>{

                    console.log(data)

                })

综合方法

                $.ajax({

                    url:"http://192.168.5.109:8081/home",

                    type:"GET",

                    success:function(data) {

                        console.log(111,data)

                    },

                    err:()=>{

                        

                    },

                    data:{

                        name:"karen"

                    }

                })

封装:

var my$={

    get(url,cb){

        var xhr=new XMLHttpRequest()||new ActiveXObject("xxx")

        xhr.open("GET",url,true)

        xhr.send()

        xhr.onreadystatechange=function  () {

            if(xhr.readyState==4&&xhr.status==200){

                cb(xhr.responseText,xhr.response,xhr)

            }

        }

    },

    post(url,cb){

        var xhr=new XMLHttpRequest()||new ActiveXObject("xxx")

        xhr.open("POST",url,true)

        xhr.send()

        xhr.onreadystatechange=function  () {

            if(xhr.readyState==4&&xhr.status==200){

                cb(xhr.responseText,xhr.response,xhr)

            }

        }

    },

    getJSON(url,cb){

        //window.location.href

        var callback="myjQuery"+new Date().getTime()

        window[callback]=function(data) {

            cb(data)

        }

        var sr=document.createElement("script")

        // sr.src=url.replace(/?/,callback)

        document.body.appendChild(sr)

    },

    ajax(){

        

    }

}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值