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();
示例代码：
aspx页 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryFormAjaxSubmit.aspx.cs" Inherits="GaryTestPro.JqueryFormAjaxSubmit" %> <!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 代码：
protected void Page_Load(object sender, EventArgs e)
{
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中的应用注意事项的更多相关文章
- ASP.NET中异常处理的注意事项
一.ASP.NET中需要引发异常的四类情况 1.如果运行代码后,造成内存泄漏.资源不可用或应用程序状态不可恢复,则引发异常.Console这个类中,有很多类似这样的代码: if ((value < ...
- 使用jQuery.form库中ajaxSubmit提交表单时遇到的一些问题
初入前端,网上找的很多资料都不够详细,导致遇到很多问题,现记录如下: 1.首先引入 <script src="~/Scripts/jquery-1.10.2.js">& ...
- 在 ASP.NET 中使用 jQuery.load() 方法
今天就让我们看看在 ASP.NET 中使用 jQuery.load() 方法来调用 ASP.NET 的方法,实现无刷新的加载数据. 使用 jQuery 的朋友应该知道可以使用 jQuery.load( ...
- 关于JQuery.form.js异步上传文件点滴
好久没动代码了,前几天朋友委托我帮忙给做几个页面,其中有个注册带图片上传的页面.已之前的经验应该很快就能搞定,没想到的是搞了前后近一天时间.下面就说说异步上传的重要几个点,希望自己下次遇到此类问题的时 ...
- ajax+php (jquery.form插件)实现异步文件上传
<!DOCTYPE html> <html lang="CN"> <head> <title>upload model</ti ...
- jQuery.form 中的 ajaxForm() 和 ajaxSubmit()
官方例子 http://malsup.com/jquery/form/#ajaxForm官方API http://malsup.com/jquery/form/#api中文API http: ...
- jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象
一.前提说明 Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 二.简单介绍 本文演示的是:jQue ...
- 使用jquery.form.js的ajaxsubmit方法提交数据的Bug
周五同事遇到一个很奇怪的问题,调到下班,虽然问题解决了,但是不知道问题的具体原因,回来翻了翻代码,才发现症结所在,下面就分享出来,供遇到同样问题的同行们参考: 先把问题描述一下,做的功能是使用ajax ...
- [Asp.net mvc]jquery.form.js无刷新上传
写在前面 最近在自己的网盘项目中想用ajax.beginform的方式做无刷新的操作,提交表单什么的都可以,但针对文件上传,就是个鸡肋.在网上查找了发现很多人都遇到了这个问题,大部分都推荐使用jque ...
随机推荐
- 【JVM译文】JVM问题定位前的准备工作有哪些
一.序 最近在学习jvm工具时,不少链接直指oracle官网.才发现有不少好东西. 本文翻译自: https://docs.oracle.com/javase/8/docs/technotes/gui ...
- oAuth 认证和授权原理
什么是OAuth授权? 一.什么是OAuth协议 OAuth(开放授权)是一个开放标准. 允许第三方网站在用户授权的前提下访问在用户在服务商那里存储的各种信息. 而这种授权无需将用户提供用户名和密 ...
- Dockerfile ，ADD详细解读
一.ADD指令 ADD指令的功能是将主机构建环境(上下文)目录中的文件和目录.以及一个URL标记的文件 拷贝到镜像中. 其格式是: ADD 源路径 目标路径 如: #test FROM ubunt ...
- 23种设计模式之责任链模式（Chain of Responsibility）
责任链模式是一种对象的行为型模式,避免请求发送者与接收者耦合在一起,让多个对象都有可能接收请求,将这些对象连接成一条链,并且沿着这条链传递请求,直到有对象处理它为止.责任链模式不保证每个请求都被接受, ...
- Android加载asset的db
extends:http://blog.csdn.net/lihenair/article/details/21232887 项目需要将预先处理的db文件加载到数据库中,然后读取其中的信息并显示 加载 ...
- Centos6.5安装mysql 5.7
1.在官网下载安装包:https://dev.mysql.com/downloads/mysql/5.7.html#downloads mysql-5.7.10-linux-glibc2.5-x86_ ...
- TOP100summit 2017：【案例分享】魅族持续交付平台建设实践
本篇文章内容来自第10期魅族开放日魅族运维架构师林钟洪的现场分享.编辑:Cynthia 一.自动化建设历程1.1 魅族互联网发展的时间线 2003-2008年被称之为“互联网1.0时代”.2003年, ...
- 如何快速创建提交一个项目到Github
1.https://github.com创建一个repository 2.本地创建一个文件夹A 3.命令行转到新文件夹A,执行git init使其能被git管理,并生成.git隐藏文件 4.如内容,应 ...
- Elasticsearch 过滤器
序 本文主要记录es的查询过滤的使用. 使用过滤器 过滤器不影响评分,而评分计算让搜索变得复杂,而且需要CPU资源,因而尽量使用过滤器,而且过滤器容易被缓存,进一步提升查询的整体性能. post_fi ...
- bzip2 zip 压缩后体积比 0.8:1
1. 对.bz2 后缀文件 跳过不处理 2.逐行同字段的json文件,压缩后大小为原文件的12.81% 测试文件近似认为为逐行json文本数据,没有进行多文件重复测试,没有统计时间: {"u ...