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

来源：互联网发布：c语言中代表什么编辑：程序博客网时间：2024/05/20 15:37

前台表单：

<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