jquery使用ajax
来源:互联网 发布:哪里可以购买淘宝账号 编辑:程序博客网 时间:2024/06/05 16:38
之前我们使用ajax的时候是需要一个 XMLHttpRequest 对象 现在jquery帮我们都封装好了
$.ajax({ url:'../json.do',//表示请求的路径 //这里直接拿到form表单的所有数据 以userName=值&sex=值拼接 也可以通过json方法{"user":"scott","id":10} data:$("#myForm").serialize(), type:'get',//以什么方式提交 async:false,//一次执行一个线程 设置异步或者同步 true为异步(默认) false为同步 dataType:'json',//表示响应的数据类型 指定 自动调用 JSON.parse方法 //之前我们判断是否是200 状态码为4的时候就会进入success里的回调函数 success:function(msg){ //将以前的数据全部先删除 $("tr[type='data']").remove(); //参数就是返回的json append添加标签 $("#mytb").append("<tr type='data'><th>"+msg.empno+"</th><th>"+msg.ename+"</th></tr>"); },//当前面出错的时候就会进入error error:function(xhr, textStatus, errorThrown){ alert("调用服务器失败-"+xhr.status+"-"+errorThrown) } });还有很多参数可以查看jquery的api文档 还有很多方法也可以查考API文档
jquery发ajax还有很多的方式下面列举几个
$(function(){$("#dj").click(function (){//get方式的发ajax get(url data callback(data,status,xhr) datatype)/*$.get("${pageContext.request.contextPath}/my.do",{'user':'zs'},function(data,status,xhr){alert(data+"--------------"+xhr.responseText);},"json");//post//get和post的参数是一样的 post(url data callback(data,status,xhr) datatype)/*$.post("${pageContext.request.contextPath}/my.do",{'user':'zs'},function(data,status,xhr){alert(data+"--------------"+xhr.responseText);},"json");*///load 将返回的数据添加到指定的元素之中去 //load(url,data,function(response,status,xhr) response 包含来自请求的结果数据 status - 包含请求的状态//load 当只传一个参数的时候他会自己将后台返回的值填到选择器选中的元素中 $("#hello").load("${pageContext.request.contextPath}/my.do")}) })
load的执行前后的效果
阅读全文
0 0
- JQuery中使用ajax $.ajax()
- Ajax-jQuery的Ajax使用
- 【Ajax-Jquery】使用JQuery 简化Ajax 开发
- JQuery中使用AJAX
- Jquery ajax 使用
- Jquery.ajax的使用
- jquery ajax 使用浅析
- Jquery中Ajax使用
- jquery ajax 使用实例
- Jquery中Ajax使用
- jquery ajax的使用
- jquery中的ajax使用
- jQuery.ajax 使用点滴
- jQuery中使用Ajax
- jquery ajax使用小结
- jquery ajax .net使用
- jQuery入门-使用AJAX
- 使用JQUERY简化AJAX
- Alcatraz常用插件
- js中检测用了哪一种浏览器(读书知识总结)
- 【ironic 源码分析】task_manager 源码分析
- 大神帮忙优化一下
- Linux-查看命令文件是否被修改
- jquery使用ajax
- python 爬虫小结
- 你该关注“硬技术”还是“大道理”呢?
- mybatis查询,返回类型为HashMap,字段为null时没返回
- form提交方式Get与Post详解
- guangbo
- SSL1338 人员分配
- linux学习 pxe安装系统
- Form表单提交数据的几种方式