有时候在写web 应用的时候，需要临时动态构造一个form 并提交，form 里面的参数以及action,以及是post请求还是get请求，甚至form 的样式都是可以指定的，用原生的javascript 可以做到，这里用jquery做了一个测试。我自己测试的是构造一个分页的post请求, 为了防止csrf 攻击，加入了csrf 验证，不需要的可以去掉。
<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <script type="text/javascript" src="jquery-1.8.3.js"></script>

    <script type="text/javascript">

        function genSearchObj(url, page, pageSize, keyword) {

            var params = {};

            params.url = url;

            params.page = page;

            params.pageSize = pageSize;

            params.cond = keyword;

            return params;

        }

        function mockFormSubmit(params) {

            var form = $('<form />', { action: params.url, method: "post", style: "display:none;" }).appendTo('body');

            $.each(params, function (k, v) {

                if (k != "url") {

                    form.append('<input type="hidden" name="' + k + '" value="' + v + '" />');

                }

            });

            form.append('<input type="hidden" name="csrfToken" value="' + $("#csrf_token").val() + '" />');

            form.submit();

        }

        function sender() {

            var params = genSearchObj("ajax.ashx", 1, 10, "zzy");

            mockFormSubmit(params);

        }

    </script>

</head>

<body>

    <input id="btn_action" type="button" value="action" onclick="sender();" />

</body>

</html>
    public class ajax : IHttpHandler

    {

        public void ProcessRequest(HttpContext context)

        {

            string temp4 = context.Request.Form["page"];

            string temp5 = context.Request.Form["pageSize"];

            string temp6 = context.Request.Form["cond"];

            context.Response.ContentType = "text/plain";

            context.Response.Write(temp4 + temp5 + temp6);

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

源代码下载：http://files.cnblogs.com/files/OnlyDreams/WebApplication1.zip

参考：http://ju.outofmemory.cn/entry/126161

　　

jquery动态创建form并提交到.ashx文件处理的更多相关文章

  1. 使用jquery 动态创建form 并提交

    $(document).ready(function(){    $("a.delete").click(function(event){        action = this ...

  2. jQuery动态创建form表单并提交到后台(携带一定的数据进行页面跳转)

    今天遇到这么一个需求,携带一个编号一个名字跳转到另一个JSP页面,直接页面跳转(get携带数据)的话不太安全,于是想到到后台转发一下. 第一种:直接以表单提交方式的进行 JS代码: var form ...

  3. jquery动态创建form表单

    function exportExcel() { var merchantName = $('#merchantName').val(); var merchantNo = $('#merchantN ...

  4. js动态创建Form表单并提交

    javascript动态创建Form表单和表单项,然后提交表单请求,最后删除表单,代码片段如下(Firefox测试通过): var dlform = document.createElement('f ...

  5. JavaScript 、jQuery动态创建元素的关键字~

    JavaScript动态创建元素: 1.创建元素  如:a 标签 var alink= document.createElement("a"); 2.j添加元素属性 alink.h ...

  6. 第84天：jQuery动态创建表格

    jQuery动态创建表格 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q ...

  7. 解决jquery动态创建元素绑定事件失效问题

    存在问题 在我们使用jquery动态创建元素后往往会遇到一些问题,如: 给.button按钮绑定了点击时间,执行alert:(1); 点击事件代码如下: <script>$("# ...

  8. jQuery动态创建html元素的常用方法汇总

    在使用jQuery进行WEB程序设计的时候非常有用.分享给大家供大家参考.具体方法如下: 一般来说,可以通过以下几种方式动态创建html元素: 1.使用jQuery创建元素的语法 2.把动态内容存放到 ...

  9. JQuery动态创建表单并提交

    // 捕捉链接的点击事件 $('#btn').click(function(){ // 取得要提交的参数 var my_val = $.trim($('#ipt').val()); // 取得要提交页 ...

随机推荐

  1. 使用java写入excel文件

    要操作excle文件,首先要下载jxl.jar文件,我用的版本是2.6.下载地址:http://www.andykhan.com/jexcelapi/download.html. Java Excel ...

  2. 将垃圾送入无底洞，顺便整理dev知识

    相信用过Linux的童鞋们都用过crontab来做定时任务,不需要额外的安装程序和配置,一条简单的语句搞定定时任务,但是小伙伴们发现了没,如果你的定时任务执行频率很高而且会产生大量的输出的话,你的老爷 ...

  3. html --- ajax --- javascript --- 简单的封装

    Ajax的简单封装 Ajax的全称是AsynchronousJavaScriptAndXML 如有疑问请参考:http://zh.wikipedia.org/zh-cn/AJAX 以及传智播客的视频教 ...

  4. ajax 访问--提高安全性

    首先受到struts token的启发,产生了客户端发起的ajax请求进行验证的想法,大致思路是客户端每次请求产生一个key ,然后服务端接收到key,然后解析,判断是否为合法key, 对于不带key ...

  5. java 代码如何生成 chm

    由于要把一个框架的东西打成 chm, 今天在网上找了几篇文章 http://blog.sina.com.cn/s/blog_5d31611a0100gqwp.html 李顺利 首先第一步,从eclip ...

  6. .NET异步编程初识async与await

    这是两个关键字,用于异步编程.我们传统的异步编程方式一般是Thread.ThreadPool.BeginXXX.EndXXX等等.把调用.回调分开来,代码的逻辑是有跳跃的,于是会导致思路不是很清晰的问 ...

  7. SQL SERVER 2008 R2 SP3 发布

    今晚上刚发现,微软很低调啊 下载地址:http://www.microsoft.com/zh-cn/download/details.aspx?id=44271 整合SP3的Express系列版本还没 ...

  8. Python：数字

    一.数字简介 数字可以直接访问,是不可更改并且不可分割的原子类型,这些在标准类型的分类中都谈到了.不可更改意味着变更数字值的实质是新对象的创建.当然,这些对于程序员来说都是透明的,不需过多考虑. 1. ...

  9. mysql-python模块编译问题解决

    解决方法:yum -y install mysql-devel libxml2 libxml2-dev libxslt* zlib gcc openssl [root@localhost MySQL- ...

  10. 【原】创建Hive表，分号分隔符“；”引起的异常

    [障碍再现] 在创建支持Map数据结构的Hive表时,抛出如下异常 hive> create table tab_map(name string,info map<string,strin ...