JQuery--ajax的各种请求方式

wuchangjian2021-11-16 21:44:56编程学习

   JQuery对Ajax做了大量的封装,使用起来很方便,不需要去考虑浏览器兼容性。对于封装的方式,采用了三层封装:     

最底层的封装方法为:$.ajax(),

第二层有三种方法:.load()、$.get()和$.post()
最高层是$.getScript()和$.getJSON()方法。

接下来看每种方法的用法以及不同:

        

<script src="js/jquery.min.js"></script>
<body>
		<div></div>
		<button>加载数据</button>
</body>

<script type="text/javascript">

$("div").load(url, function(data,statusText,xhr) {
    
    /*
        data  下载到的数据
        statusText  下载的状态   success
        xhr  ajax对象
    */
})


//如果需要筛选条件进行显示 只需要在url参数后面跟着一个选择器即可

</script>




        

$.getJSON("https://api.asilu.com/weather/",{city: "XX市"},function(data){
    
})


$.get("https://api.asilu.com/weather/",{city: "XX市"},function(data){
    
})


$.post("https://api.asilu.com/weather/",{city: "XX市"},function(data){
    
})


/*
    三种使用方法基本一样。
    需要注意的是:getJSON方式要求返回的数据格式满足json格式(json字符串)

*/

这里需要注意的是,函数回调参数的不同。

        get:(通过URL提交)

                好处:简单   

                缺点:不安全,最大2KB

        post: (通过HTTP消息实体提交)

                好处:安全,理论上没有上限

                坏处:比get复杂

        Fetch:

                    先看代码块

                

fetch("https://api.asilu.com/weather/").then(function(response){
    return response.json();
     // console.log(response)
},function(data){
    // console.log(data);
})

    它只是一个HTTP响应,而不是真正的JSON。为了获取JSON的内容,需要使用json()方法

       fetch内置方法 

                res.json()  //转json数据

                res.text()  //转文本数据

返回列表

上一篇:numpy中的一维数组的理解

没有最新的文章了...

相关文章

达梦8 dm8 mpp集群搭建

DM8 MPP集群搭建步骤 规划 主机名 服务ip 心跳ip...

YARN 的 工 作 机 制

YARN 的 工 作 机 制 1.提交一个任务:客户端向RM提交一个任务...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。