jQuery实现ajax/ajaj

2016-12-26 19:18:51来源:CSDN作者:Mr_HuangJW人点击

比用原生js更便利。

jQuery.ajax([settings])

type:类型,post或Get,默认为get

url:发送请求的地址

data:是一个对象,连同请求发送到服务器的数据

dataType:预期服务器返回的数据类型,如果不指定,jQuery将自动根据HTTP包MIME信息来智能判断,一般用json格式,设置为“json”

success:是一个方法,请求成功后的回调函数,传入返回后的数据,以及包含成功代码的字符串,responseText。指定dataType:“json”来使成功时返回解析完毕的json。

error:是一个方法,请求失败时调用此函数。传入XMLHttpRequest对象。

<script >	   $(document).ready(function(){	   	$("#search").click(function(){	   		$.ajax({	            type:"GET",	            url:"server.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);	            }		   		});	   	});	   });       $(document).ready(function(){	   	$("#save").click(function(){	   		$.ajax({	            type:"POST",	            url:"server.php", 		            data:{	            	name:$("#staffName").val(),	            	number:$("#staffNumber").val(),	            	sex:$("#staffSex").val(),	            	job:$("#staffJob").val(),	            },	            dataType:"json",	            success:function(data){	            	if(data.success){	            		$("#createResult").html(data.msg);	            	}else{	            		$("#createResult").html("出现错误:"+data.msg);	            	}	            },		            error:function(jqXHR){	            	alert("发生错误:"+jqXHR.status);	            }		   		});	   	});	   });</script>

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台