积累笔记--总结最简单的异步表单提交方法

前台表单:

<body>
    <form id="from_submit"  method="post" action="../test.ashx">
    <input type="text" name="name" value="陆文军" />
    <input type="radio" name="sex" checked="checked" value="男" />男
    <input type="radio" name="sex" value="女" />女
    <select name="job">
        <option value="HTML">HTML</option>
        <option value="CSS">CSS</option>
        <option value="JAVA">JAVA</option>
        <option value="joAJAXb">AJAX</option>
    </select>
    <textarea name="addr" id="editor_id">湖北省武汉市</textarea>
    <button type="submit" >
        submit</button>
    </form>
</body>

js方法:

$('#from_submit').submit(function () {
            var ajax_url = $(this).attr('action'); //获取提交的表单
            var ajax_type = $(this).attr('method'); //获取提交的方法
            var ajax_data = $(this).serialize(); //获取表单数据
            $.ajax({
                type: ajax_type, //表单提交类型
                url: ajax_url, //表单提交目标
                data: ajax_data, //表单数据
                datatype: 'json', //不写这句,默认也是json,表示后台返回的值类型
                success: function (data) {
                    if (data.msg == 'true') {//msg 后台返回的json数据
                        alert(data.name + data.sex + data.job);
                    } else {
                        alert('失败!');
                    }
                }, error: function () {
                    alert('错误!');
                }
            });
});

一般处理程序:

if (c.Request["name"] != null && c.Request["sex"] != null && c.Request["job"] != null)
{
     //c.Response.Write(c.Request["name"] + c.Request["sex"] + c.Request["job"]);
     c.Response.Write("{\"msg\":\"true\",\"name\":\"" + c.Request["name"] + "\",\"sex\":\"" + c.Request["sex"] + "\",\"job\":\"" + c.Request["job"] + "\"}");
}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值