ajax中添加，删除用户实现无刷新的效果

[夏小安Lily]

    $(function() {
        getusers();
    })

    function getusers() {
        //通过ajax请求获取数据
        $.ajax({
            url: "getusers.ashx?t=" + new Date(),
            type: "get",
            success: function(msg) {
                //将结果转换为JSON对象
                eval("var js=" + msg);
                var txt = "<table>";
                txt += "<tr><td>用户名</td><td>密码</td><td>性别</td><td>手机</td><td>地址</td><td>操作</td></tr>";
                //解析JSON对象获取数据
                for (var i in js) {
                    txt += "<tr><td>" + js[i].UserName + "</td><td>" + js[i].UserPwd + "</td><td>" + js[i].Sex + "</td><td>" + js[i].Phone + "</td><td>" + js[i].City + "</td><td><a href='javascript:del(" + js[i].ID + ")'>删除</a></td></tr>";
                }
                txt += "</table>";
                $("#divDel").html(txt);
            }
        });
    }

    function add(id) {
        if (confirm("是否确定删除？")) {
            //进行删除操作(通过ajax)
            //使用jquery实现ajax
            $.ajax({
                url: "delUser.ashx?ID=" + id + "&t=" + new Date(),
                type: "get",
                success: function(msg) {
                    if (msg == "0")
                        alert("删除失败！");
                    else {
                        alert("删除成功！");
                        getusers();
                    }
                }
            });
        }
    }

这里我已经写了删除无刷新的效果，下面添加的代码怎么写啊?

[Go 旅城通票]

<form id="addFrm">
....内容
<input type='button' value='添加' onclick='add()'/>
</form>
<script>
function add(){
 $.ajax({
   url:'xxxxxx.ashx'//写数据库页
   ,type:'POST'
   ,data:$(f).serialize()//////////////
   ,success:function(){/*成功代码*/}
   ,error:function(){/*失败代码*/}
 });
}
</script>

[夏小安Lily]

添加的具体代码呢，这个button怎么点击是就添加到数据库了呢？

[Go 旅城通票]

ajax和你直接用表单提交一样，xxxxx.ashx那个页面和你表单里面action一样，这个你不会也不会写吧？

[Astpiy]

给你个示例：
function AddInfo() {
var name = document.getElementById("txtName").value;
var pwd = document.getElementById("txtPwd").value;
var sex = "";
var select = document.getElementById("Sex");
for (var i = 0; i < select.length; i++) {
if (select[i].selected) {
sex = select[i].value;
}
}
var phone = document.getElementById("txtPhone").value;
var city = document.getElementById("txtCity").value;
$.ajax({
url: "AddInfo.ashx?",
type: "post",
data:{"name":name,"pwd":pwd,"sex":sex,"phone":phone,"city":city},
success: function(msg) {

if (msg == "0") {
alert("添加失败！");
}
else {
alert("添加成功！");
GetInfo();
}

}
})

}

//AddInfo.ashx
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace Ajax_User
{


public class AddInfo : IHttpHandler
{

public void ProcessRequest(HttpContext context)
{
string name=context.Request.Form["name"];
string sex = context.Request.Form["sex"];
string phone = context.Request.Form["phone"];
string pwd = context.Request.Form["pwd"];
string city = context.Request.Form["city"];

T_Users model = new T_Users();
model.UserName = name;
model.UserPwd = pwd;
model.Sex=sex;
model.Phone = phone;
model.City = city;

UsersDataContext db = new UsersDataContext();
try
{
db.T_Users.InsertOnSubmit(model);
db.SubmitChanges();
context.Response.Write("1");
}
catch
{
context.Response.Write("0");
}

}

public bool IsReusable
{
get
{
return false;
}
}
}
}