手抄报 安全手抄报 手抄报内容 生活知识 生活百科 英语手抄报 清明节手抄报 节约用水手抄报 知识问答

怎么使用AJAX的GET和POST异步请求

时间:2026-03-03 03:12:56

1、首先当你要设置一个点击事件或者其它时间来调用一个JavaScript方法。

例如:<input type=button”name="btn" id="btn" value="点击事件" coclick=“demo()” />

怎么使用AJAX的GET和POST异步请求

2、你需要为你的事件添加对应的js方法

ajax的写法有比较多下面举列子的是本人常用的

例如:

<script> 

//post方法和get方法写法都一样就是方法名不一样

function demo(){

//post方法

        $.post(url,data, function(msg)         {

                 //msg返回值,可以为json或者字符串

         });

//get方法

         $.get(url,data, function(msg)         {

                 //msg返回值,可以为json或者字符串

         });

}

</script>

怎么使用AJAX的GET和POST异步请求

怎么使用AJAX的GET和POST异步请求

3、这里说一下方法的参数

第一个参数url ---可访问的链接,注意相对路径的引用,

第二个参数data ----json类型数据 {键:值 ,键:值.....}

第三个参数回调函数  返回值可以为字符串或者json

怎么使用AJAX的GET和POST异步请求

4、get和post还有一些其他不常用的参数

第四个参数dataType  选择上传文件的数据类型,相对应的要修改你的data数据与datatype匹配

第五个参数error  顾名思义这个是这个方法参数,当你的url不能访问的时候这个参数就会执行,虽然图片中并没第五个参数

怎么使用AJAX的GET和POST异步请求

5、最后说一下ajax这个方法

$.ajax({

             type: "GET",

             url: "url.html",

             data: {"key":"value",.....},

             dataType: "json",

             success: function(data){},

             error : function(){}

});

这个结构清晰明了就是相对于get和post多了一个type这个type就是请求类型

怎么使用AJAX的GET和POST异步请求

6、这里是W3C的官方文档,有兴趣的可以去看看很多很实用的小技能

http://www.w3school.com.cn/jquery/index.asp

怎么使用AJAX的GET和POST异步请求

© 2026 手抄报圈
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com