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

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

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

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>

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

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

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

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

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

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

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

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

$.ajax({

             type: "GET",

             url: "url.html",

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

             dataType: "json",

             success: function(data){},

             error : function(){}

});

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

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

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