码迷,mamicode.com
首页 > Web开发 > 详细

jQuery实现异步请求

时间:2018-05-20 18:24:47      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:click   fse   分享   http   alt   erro   java   htm   arch   

1:jQuery语法

技术分享图片

$(function(){
	    $(‘#searchbtn‘).click(function(){
		  
		   $.ajax({
			  type: "GET" ,
			  url:"JSONsever.php?number=" + $(‘#keyword‘).val(),
			  dataType :"json",
			  success : function(data){
				  if(data.success)
				  {
					  $(‘#search_result‘).html(data.msg)
					  }
				 else{
					  $(‘#search_result‘).html("error" + data.msg);
					 }	  

				  },
			 error : function(jqXHR){
				 alert("发生错误"+ jqXHR.status)//404错误代码
				 }
			  })
		  
		  });//GET
		  
		   $(‘#savebtn‘).click(function(){
		  
		   $.ajax({
			  type: "POST" ,
			  url:"JSONsever.php?",
			  data:{
				   //JS对象JSON格式
				   name : $(‘#staffName‘).val(),
				   number : $(‘#staffNumber‘).val(),
				   sex : $(‘#staffSex‘).val(),
				   job : $(‘#staffJob‘).val(),
				  
				  },
			  dataType :"json",
			  sucess : function(data){
				  if(data.success)
				  {
					  $(‘create_result‘).html(data.msg);
					  }
				 else{
					  $(‘create_result‘).html("error" + data.msg);
					 }	  

				  },
			 error : function(jqXHR){
				 alert("发生错误"+ jqXHR.status)//404错误代码
				 }
			  })
		  
		  });//POST
		  
		  
		  
		  
	  })

  

jQuery实现异步请求

标签:click   fse   分享   http   alt   erro   java   htm   arch   

原文地址:https://www.cnblogs.com/love-life-insist/p/9063808.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!