用JQuery实现Ajax的简单小应用
来源:互联网 发布:淘宝hd最新版本 编辑:程序博客网 时间:2024/05/17 07:09
jQuery.ajax([settings])
type:类型,”POST”或”GET”,默认为”GET”
url:发送请求的地址
data:是一个对象,连同请求发送到服务器的数据
dataType:预期服务器返回的数据类型。如果不指定,jQuery将自动根据HTTP包MIME信息来智能判断,
一般我们采用json格式,可以设置为”json”;(当然实际工作中,我们可以事先和后端的同事沟通好数据类型)
success:是一个方法,请求成功后回调函数。传入返回的数据,以及包含成功代码的字符串。
error:是一个方法,请求失败时调用此函数。传入XMLHttpRequest对象.
<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js" type="text/javascript"></script><script type="text/javascript">$(document).ready(function(){//当dom加载完成时 $("#search").click(function(){ $.ajax({ type:"GET", url:"service.php?number="+$("#keyword").val(), dataType:"json", success:function(data){ if(data.success){ $("#searchResult").html(data.msg); }else{ $("#searchResult").html("出现错误:"+data.msg); } }, error:function(jqXHR){ alert("发送错误:"+jqXHR.status);//返回错误码 } }) }); $("#save").click(function(){ $.ajax({ type:"POST", url:"service.php?", dataType:"json", data:{ name:$("staffName").val(), number:$("staffNumber").val(), sex:$("#staffSex").val(), job:$("#staffJob").val(), }, success:function(data){ if(data.success){ $("#createResult").html(data.msg); }else{ $("#createResult").html("出现错误:"+data.msg); } }, error:function(jqXHR){ alert("发送错误:"+jqXHR.status);//返回错误码 } }) });});</script>
0 0
- 用JQuery实现Ajax的简单小应用
- jquery ajax的简单应用
- jquery+ajax实现排名小应用
- 传智播客 AJAX简单应用之JQuery实现
- jQuery AJAX简单应用
- 简单的ajax、json、jquery应用
- jQuery.ajax的简单应用实例
- jQuery实现Ajax应用
- jQuery 实现Ajax应用
- Jquery实现Ajax应用
- jquery 实现简单的Ajax例子
- ajax+jquery实现简单的数据交互
- JQuery中的 ajax 简单应用
- ajax和jquery简单应用
- 简单的JQuery(AJAX)+SpringMVC的小例子(JSON)
- 一个基于jQuery ajax的天气预报小应用
- jquery ajax 和servlet json 结合的简单小例子
- jquery ajax的应用
- 快速排序
- SceneKit一个3D场景角色的代码重构
- 学习UML实现、泛化、依赖、关联、聚合、组合
- jquery remove(),detach(),empty()
- 幸福
- 用JQuery实现Ajax的简单小应用
- MyEclipse10下Spring依赖注入的简单方法
- UNIX网络编程——套接字I/O操作上的超时设置
- HTTP与HTTPS的区别
- AngularUI Router
- VS2013调用armadillo使用KNN算法实现0-9数字分类
- 实战Apache+Tomcat集群和负载均衡
- iOS开发(OC)——根据url播放音频
- PCH文件的加载与宏定义