所需引用的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 如果是 runat="server" 那option的url只能是提交给自己的.aspx，如果不是则可以提交给其他.aspx接收。
//注意：from中的<input 标签 必须带有name属性，否则只有id Request.Form[] 会获得不到后增加的标签。

//不先Clear的话会返回整个页面的html文件内容，也不要用Response.Write();应该是：HttpContext.Current.Response.Write，注意

HttpContext.Current.Response.ContentType = "text/html";

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中的应用注意事项的更多相关文章

  1. ASP.NET中异常处理的注意事项

    一.ASP.NET中需要引发异常的四类情况 1.如果运行代码后,造成内存泄漏.资源不可用或应用程序状态不可恢复,则引发异常.Console这个类中,有很多类似这样的代码: if ((value < ...

  2. 使用jQuery.form库中ajaxSubmit提交表单时遇到的一些问题

    初入前端,网上找的很多资料都不够详细,导致遇到很多问题,现记录如下: 1.首先引入 <script src="~/Scripts/jquery-1.10.2.js">& ...

  3. 在 ASP.NET 中使用 jQuery.load() 方法

    今天就让我们看看在 ASP.NET 中使用 jQuery.load() 方法来调用 ASP.NET 的方法,实现无刷新的加载数据. 使用 jQuery 的朋友应该知道可以使用 jQuery.load( ...

  4. 关于JQuery.form.js异步上传文件点滴

    好久没动代码了,前几天朋友委托我帮忙给做几个页面,其中有个注册带图片上传的页面.已之前的经验应该很快就能搞定,没想到的是搞了前后近一天时间.下面就说说异步上传的重要几个点,希望自己下次遇到此类问题的时 ...

  5. ajax+php (jquery.form插件)实现异步文件上传

    <!DOCTYPE html> <html lang="CN"> <head> <title>upload model</ti ...

  6. jQuery.form 中的 ajaxForm() 和 ajaxSubmit()

    官方例子  http://malsup.com/jquery/form/#ajaxForm官方API   http://malsup.com/jquery/form/#api中文API   http: ...

  7. jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象

    一.前提说明 Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 二.简单介绍 本文演示的是:jQue ...

  8. 使用jquery.form.js的ajaxsubmit方法提交数据的Bug

    周五同事遇到一个很奇怪的问题,调到下班,虽然问题解决了,但是不知道问题的具体原因,回来翻了翻代码,才发现症结所在,下面就分享出来,供遇到同样问题的同行们参考: 先把问题描述一下,做的功能是使用ajax ...

  9. [Asp.net mvc]jquery.form.js无刷新上传

    写在前面 最近在自己的网盘项目中想用ajax.beginform的方式做无刷新的操作,提交表单什么的都可以,但针对文件上传,就是个鸡肋.在网上查找了发现很多人都遇到了这个问题,大部分都推荐使用jque ...

随机推荐

  1. vue比较模板来跟新数据

    一,使用场景: 点击menu通过路由,跳转当前列表,第二次点击menu,希望可以刷新列表: 二,解决思路: 给路由添加时间戳: 三,参考观点: 用 :key管理可复用的元素 模板相同,会造成一种“复用 ...

  2. nginx+memcache实现页面缓存应用

    一.前言 nginx的memcached_module模块可以直接从memcached服务器中读取内容后输出,后续的请求不再经过应用程序处理,如php-fpm.django,大大的提升动态页面的速度. ...

  3. cout快捷转换进制

    cout<<hex<<i<<endl; //输出十六进制数 cout<<oct<<i<<endl; //输出八进制数 cout& ...

  4. Android7.0 PowerManagerService 之亮灭屏（二） PMS 电源状态管理updatePowerStateLocked（）

    本篇注意接着上篇[Android7.0 PowerManagerService 之亮灭屏(一)]继续分析量灭屏的流程,这篇主要分析PMS的状态计算和更新流程,也是PMS中最为重要和复杂的一部分电源状态 ...

  5. Centos 7.x系统安装后的初始化配置

    1.配置IP.网关,编辑/etc/sysconfig/network-scripts/ifcfg-eno16777736 TYPE=Ethernet BOOTPROTO=none //默认为dhcp ...

  6. 【CF827F】Dirty Arkady's Kitchen DP

    [CF827F]Dirty Arkady's Kitchen 题意:给你一张n个点,m条边的有向图,每条边长度为1,第i条边在[li,ri)的时间内可以进入,求1到n的最短路. $n,m\le 5\t ...

  7. [工具] 护眼宝 – 傻瓜版屏幕蓝光过滤应用[Win/Android]

    护眼宝 是一款 Windows.Android 下的屏幕蓝光过滤工具,傻瓜式操作,支持智能模式.疲劳提醒,可以有效的保护视力及减小夜间使用电脑.手机对睡眠对影响. 来自发现频道.   类似应用有很多了 ...

  8. H5填坑笔记--持续更新

    最近一直在做移动端的页面,发现很多的坑,这里做一下总结,填填坑…… css常见的问题(一) 一.iOS键盘首字母自动大写 IOS的机子,默认英文输入法状态下,首字母是自动大写的,有时候挺烦人的. 在i ...

  9. 初次使用visual studio

    之前一直听闻VS是世界上最强IDE,但是害怕他的体积庞大,一直不敢使用.我一直喜欢轻便简洁的东西,编译器也是一样,所以刚开始我使用的是C-FREE5,虽然界面略显粗糙,和低调奢华有内涵的VS比起来,真 ...

  10. Git 使用篇二：搭建远程服务器

    一般做一个私人的项目,不希望开源的,是不会放在GitHub上的,这个时候我们需要建里一个自己的Git远程服务器,方便小组成员开发. 这里以Centos云服务器为例: 第一步 如果自己的服务器没有git ...