Ajax的基本知识

首先让我们了解一下Ajax的基本数据标签:

ajax的基本数据操作:

=======================================================================
 
// 1.$.ajax带json数据的异步请求
<span style="font-size: 14px; font-family: 微软雅黑, 'Microsoft YaHei'; ">
	var inputMac = $("#inputMac").val();
	var selectType = $("#selectType").val();
	var selectStatus = $("#selectStatus").val();
	$.ajax({
		type: "post",
		dataType: 'json',
		url: AjaxUrl,
		data: {
			mac: inputMac,
			status: selectStatus,
			type: selectType
		},
		async: false,
		success: function (data, textStatus) {
			if (data != null) {
				var ap = eval(data);
				if (ap != null && ap!="undefined" && ap.Id>0) {
					window.location.href = 'index.aspx';
					alert("添加成功。");
					return;
				}
				else {
					alert("添加失败，请检查输入是否正确。");
					return;
				}
			}
		},
		complete: function (XMLHttpRequest, textStatus) {
		},
		error: function (e) {
			alert("添加失败，请检查输入是否正确。");
			return;
		}
	});
</span>
 
=======================================================================
 
// 2.$.ajax序列化表格内容为字符串的异步请求
<span style="font-size: 14px; font-family: 微软雅黑, 'Microsoft YaHei'; ">
	var formParam = $("#form1").serialize(); 		//序列化表格内容为字符串
	$.ajax({
		type:'post',
		url:'Notice_noTipsNotice',
		data:formParam,
		cache:false,
		dataType:'json',
		async: false,
		success:function(data){
		}
	});
</span>
 
=======================================================================

// 3.$.ajax拼接url的异步请求
<span style="font-size: 14px; font-family: 微软雅黑, 'Microsoft YaHei'; ">
	var yz=$.ajax({
	type:'post',
	url:'validatePwd2_checkPwd2?password2='+password2,
	data:{},
	cache:false,
	dataType:'json',
	async: false,
	success:function(data){
		if( data.msg =="false" ){
			//服务器返回false，就将validatePassword2的值改为pwd2Error，这是异步，需要考虑返回时间
			textPassword2.html("<font color='red'>业务密码不正确！</font>");
			$("#validatePassword2").
			val("pwd2Error");
			checkPassword2 = false;
			return;
		}
	},
		error:function(){}
	});
</span>
 
=======================================================================

// 4.$.ajax拼接data的异步请求
<span style="font-size: 14px; font-family: 微软雅黑, 'Microsoft YaHei'; ">
	$.ajax({
		url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',
		type:'post',
		data:'merName='+values,
		async : false, //默认为true 异步
		error:function(){
		alert('error');
		},
		success:function(data){
			$("#"+divs).html(data);
		}
	});
</span>
 
=======================================================================

// 5.asp.net .ashx文件在服务端获取post/get参数
<span style="font-size: 14px; font-family: 微软雅黑, 'Microsoft YaHei'; ">
	public static string GetResponse(string responsevalue){//判断提交方式
		HttpContext context = HttpContext.Current;
		string id="";
		if (context.Request.RequestType.ToLower() == "get"){
			id = context.Request.QueryString[responsevalue];
		}else{
			id = context.Request.Form[responsevalue];
		}
		return id;
	}
</span>