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

2025-05-26 08:00:41

1、首先当你要设置一个点击事件或者其它时间来调用一个JavaScript方法。例如:<input type=button”name="btn" id="btn" value="点击事件" coclick=“demo()” />

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

2、你需要为你的事件添加对应的js方法ajax的写法有比较多下面举列子的是本人常用的例如:<scr足毂忍珩ipt>//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异步请求
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢