前台表单:
<body>
<form id="from_submit" method="post" action="../test.ashx">
<input type="text" name="name" value="陆文军" />
<input type="radio" name="sex" checked="checked" value="男" />男
<input type="radio" name="sex" value="女" />女
<select name="job">
<option value="HTML">HTML</option>
<option value="CSS">CSS</option>
<option value="JAVA">JAVA</option>
<option value="joAJAXb">AJAX</option>
</select>
<textarea name="addr" id="editor_id">湖北省武汉市</textarea>
<button type="submit" >
submit</button>
</form>
</body>
js方法:
$('#from_submit').submit(function () {
var ajax_url = $(this).attr('action'); //获取提交的表单
var ajax_type = $(this).attr('method'); //获取提交的方法
var ajax_data = $(this).serialize(); //获取表单数据
$.ajax({
type: ajax_type, //表单提交类型
url: ajax_url, //表单提交目标
data: ajax_data, //表单数据
datatype: 'json', //不写这句,默认也是json,表示后台返回的值类型
success: function (data) {
if (data.msg == 'true') {//msg 后台返回的json数据
alert(data.name + data.sex + data.job);
} else {
alert('失败!');
}
}, error: function () {
alert('错误!');
}
});
});
一般处理程序:
if (c.Request["name"] != null && c.Request["sex"] != null && c.Request["job"] != null)
{
//c.Response.Write(c.Request["name"] + c.Request["sex"] + c.Request["job"]);
c.Response.Write("{\"msg\":\"true\",\"name\":\"" + c.Request["name"] + "\",\"sex\":\"" + c.Request["sex"] + "\",\"job\":\"" + c.Request["job"] + "\"}");
}