怎么使用AJAX的GET和POST异步请求
当你的网页不想刷新又想修改数据,这个时候jquery能很好的帮助你实现,特别是当你的数据需要从数据库获取的时候,就能使用jquery封装ajax。
操作方法
- 01
首先当你要设置一个点击事件或者其它时间来调用一个JavaScript方法。 例如:<input type=button”name="btn" id="btn" value="点击事件" coclick=“demo()” />
- 02
你需要为你的事件添加对应的js方法 ajax的写法有比较多下面举列子的是本人常用的 例如: <script> //post方法和get方法写法都一样就是方法名不一样 function demo(){ //post方法 $.post(url,data, function(msg) { //msg返回值,可以为json或者字符串 }); //get方法 $.get(url,data, function(msg) { //msg返回值,可以为json或者字符串 }); } </script>
- 03
这里说一下方法的参数 第一个参数url ---可访问的链接,注意相对路径的引用, 第二个参数data ----json类型数据 {键:值 ,键:值.....} 第三个参数回调函数 返回值可以为字符串或者json
- 04
get和post还有一些其他不常用的参数 第四个参数dataType 选择上传文件的数据类型,相对应的要修改你的data数据与datatype匹配 第五个参数error 顾名思义这个是这个方法参数,当你的url不能访问的时候这个参数就会执行,虽然图片中并没第五个参数
- 05
最后说一下ajax这个方法 $.ajax({ type: "GET", url: "url.html", data: {"key":"value",.....}, dataType: "json", success: function(data){}, error : function(){} }); 这个结构清晰明了就是相对于get和post多了一个type这个type就是请求类型
- 06
这里是W3C的官方文档,有兴趣的可以去看看很多很实用的小技能 http://www.w3school.com.cn/jquery/index.asp