JQuery Form AjaxSubmit(options)在Asp.net中的应用注意事项
Posted Mr.石
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery Form AjaxSubmit(options)在Asp.net中的应用注意事项相关的知识,希望对你有一定的参考价值。
所需引用的JS:
在http://www.malsup.com/jquery/form/#download 下载:http://malsup.github.com/jquery.form.js
在http://jquery.com/ 下载:http://code.jquery.com/jquery-1.7.2.min.js
注意事项:
//dataType: "json", //get的方式再设置此属性
//注意:from中的<input 标签 必须带有name属性,否则只有id Request.Form[] 会获得不到后增加的标签。
//不先Clear的话会返回整个页面的html文件内容,也不要用Response.Write();应该是:HttpContext.Current.Response.Write,注意
HttpContext.Current.Response.Clear();
示例代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script type="text/javascript" src="JS/JQuery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="JS/JQuery/jquery.form.js"></script>
<script type="text/jscript"language="jscript">
function SubInfo() {
$("#Order").append("<input name=txtDns value=\"DNS解析\" id=txtDns type=\"text\" />");
$("#Order").append("<input name=txtIP value=\"IP地址\" id=txtIP type=\"text\" />");
var options = {
beforeSubmit: function() {
return true;
},
url: ‘JqueryFormAjaxSubmit.aspx?Mode=SF‘,
type: ‘POST‘,
//dataType: "json", //get的方式再设置此属性
success: function(data) {
if (data == "") {
document.getElementById(‘Order‘).style.display = "none";
alert("操作成功!");
}
else {
alert(data);
}
},
error: function() {
//请求出错处理
alert("error");
}
};
//注意:from 如果是 runat="server" 那option的url只能是提交给自己的.aspx,如果不是则可以提交给其他.aspx接收。
//注意:from中的<input 标签 必须带有name属性,否则只有id Request.Form[] 会获得不到后增加的标签。
$("#form1").ajaxSubmit(options);
}
</script>
</head>
<body>
<form id="form1" runat="server" method="post">
<div>
<div id="Order">
</div>
<input name="txtName" value="星期一" id="txtName" type="text" />
<input name="txtUser" value="星期二" id="txtUser" type="text" />
<a href="javascript:void(0);" onclick="SubInfo();">提交</a>
</div>
</form>
</body>
</html>
aspx.cs 代码:
{
if (Request.Form["txtName"] != null)
{
string sName = Request.Form["txtName"].ToString();
}
if (Request.Form["txtDns"] != null)
{
string sDns = Request.Form["txtDns"].ToString();
//不先Clear的话会返回整个页面的html文件内容
HttpContext.Current.Response.Clear();
HttpContext.Current.Response.ContentType = "text/html";
HttpContext.Current.Response.Write("{result:true}");
HttpContext.Current.Response.End();
}
以上是关于JQuery Form AjaxSubmit(options)在Asp.net中的应用注意事项的主要内容,如果未能解决你的问题,请参考以下文章
使用jquery.form.js的ajaxsubmit方法提交数据的Bug
[转]jquery.form.js的ajaxSubmit和ajaxForm使用
jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象
input ,button, textarea 1)使用disabled , 2) 显示值, 3) 表单提交. 4) jquery.form.js ajaxSubmit