jQuery实现ajax/ajaj

最新推荐文章于 2022-05-14 21:50:42 发布

Mr_HuangJW

最新推荐文章于 2022-05-14 21:50:42 发布

阅读量663

点赞数

分类专栏： jQuery_基础文章标签： json jQuery ajax

本文链接：https://blog.csdn.net/Mr_HuangJW/article/details/53886770

版权

jQuery_基础专栏收录该内容

7 篇文章 0 订阅

订阅专栏

比用原生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>