.NET实例（伪异步表单提交，实现无刷新表单（含文件）提交） 兼容IE 火狐 基于LGPL开源 谢绝转载

一.页面代码
<!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>
    <title>秦仕川</title>
    <script src="qsc.js/Qin.Ajax.js" type="text/javascript"></script>
    <script>
    function test(){
    myAjax("Handler.ashx","frm1",{},function(data){
    alert(data);
    });
    }
    </script>
</head>
<body>
    <form id="frm1">
    <input type="file" name="filedata" /><!--文件上传-->
    <input type="text" name="username" /><input id="Button1" type="button" onclick="test();" value="button" />
    </form>
</body>
</html>
我们可以提交自定义的数据在
 myAjax (action, formID, data, callback)//data中，格式如{age:6,address:"重庆“}
后台代码
 
<%@ WebHandler Language="C#" Class="Handler" %>

using System;
using System.Web;

public class Handler : IHttpHandler {
    
    public void ProcessRequest (HttpContext context) {
        var name = context.Request["username"];
        var age = context.Request["age"];
        var address = context.Request["address"];
        var file = context.Request.Files[0].FileName;
        var ret = name + "  " + age + "  " + address + "  " + file;
        WriteForm(context, ret);
       
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }
    public void WriteForm(HttpContext context,string str)
    {
        string method = context.Request["callback"];
        string hs = "<script>void " + method + "('" + str + "');</script>";
        context.Response.Write(hs);
        context.Response.Flush();
        context.Response.Close();
        context.Response.End();
       
    }
}

 注：

 public void WriteForm(HttpContext context,string str) 此方法不必修改可以自定义
运行效果 
源代码下载： /Files/humble/WebSite1.zip（下载请留言）
posted @ 2011-03-07 11:30  rob_2010  阅读(196)  评论(0)    收藏  举报