站内搜索:
首页 >> 前端 >> 内容
jq ajax 表单提交(代码实例)

时间:2018/2/28 11:44:36

jq ajax 表单提交(代码实例)

$(document).ready(function(){ 
	$("#search").click(function(){ 
		$.ajax({ 
		    type: "GET", 	
			url: "https://127.0.0.1:8080/ajaxdemo/serverjson2.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: "serverjson.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);  
			},     
		});
	});
});

  • 上一篇:ajax表单查询与写入代码实例
  • 下一篇:移动web的基础知识(多图)
  • 返回顶部