AJAX—常用库

最新推荐文章于 2024-04-24 09:47:01 发布

小北@爱学习

最新推荐文章于 2024-04-24 09:47:01 发布

阅读量991

点赞数

分类专栏：网课笔记文章标签： javascript jquery

本文链接：https://blog.csdn.net/qq_43352105/article/details/114004544

版权

本文介绍了AJAX的常用库，包括jQuery的$.ajax(), $.get(), $.post()方法，以及Axios的API、拦截器和快速请求方法。还涉及到HTML5的onload和onprogress事件，HTTP2.0的response属性和responType设置。同时，文章讨论了跨域问题，如JSONP和CORS，并提到了模板引擎artTemplate及其应用。" 119480385,10538973,如何修改Win10更新服务器地址,"['Windows更新', '系统管理', '华为云服务', '网络配置', '服务器管理']

摘要由CSDN通过智能技术生成

文章目录

Ajax常用库

jQuery中的ajax方法

// jquery中的ajax
 $.ajax({
 url: "http://localhost:3000/posts",
 type: "get",
 dataType: "json",
 data: {  "id": 5 },
 beforeSend: function(xhr) { console.log(xhr); },
 success: function(data) { console.log(data); },
 error: function(xhr) { console.log(xhr); },
 complete: function(xhr) {  console.log(xhr); }
})

$.ajax()方法，传入对象的参数，执行异步HTTP请求

在这里插入图片描述

$.get（）

GET快捷请求方法，格式$.get（url,data,callback）

 $.get("http://localhost:3000/comments",
 {  "id": 1},    function(data) {console.log(data);})

$.post（）

POST快捷请求，格式$.post(url,data,callback)

$.ajax({
            url: "http://localhost:3000/comments/4",
            type: "put",
            dataType: "json",
            data: {"postId":2,"content": "goodbetterbest" },
            success: function(data) { console.log(data);}
       })

其他类型请求

put更改

$.ajax({
            url: "http://localhost:3000/comments/4",
            type: "put",
            dataType: "json",
            data: {  "postId": 2, "content": "good"},
            success: function(data) { console.log(data);   }
        })

delete删除

$.ajax({     
            url: "http://localhost:3000/comments/4",
                 type: "delete",
                 success: function(data) {       
                console.log(data);     
            }   
        })