$.ajax提交表单

    xiaoxiao2021-03-25  50

    1,简介

     $.ajax方法是jQuery 的底层AJAX 实现         简单易用的高层实现参见$.get $.post          此处有6个Ajax参数 type , dataType,url,success,data  error

    2,属性参数说明

    属性名属性值类型描述urlstring发送请求的地址(默认当前页面)typestring默认 get  请求方式 post   get   其他HTTP请求方法 也可以,仅部分浏览器支持dataObject,string 发送到服务器的数据 将自动转为请求字符串格式,get请求中将附加在URL后 dataType string 预期服务器返回的数据类型   xml   返回Xml文档 可用jQuery 进行处理   html  返回纯文本HMTl信息,包含script元素   script返回纯文本JavaScript代码 不会自动缓存结果   json  返回JSON数据 error Function 默认为XML或HTML 请求失败将调用此方法,此方法有三个参数 XML  、HttpREquest对象 ,错误信息以及可能捕获的错误对象 success Function 请求成功后回调函数    该方法有两个参数    服务器返回数据  和  返回状态

    3,代码实例

    $(function () { $("#LoginAdd").dialog({ title: "注册", collapsible: true, width: 300, height: 200, modal: true,//模态对话框 buttons: [ { text: '添加', iconCls: 'icon-add', handler: function () { console.info("添加用户"); ajaxFrm();//ajax 提交表单函数 } } ] }); //ajax提交 function ajaxFrm() { var list = $("#LoginList"); $.ajax({ type: 'POST', dataType: 'json', url: 'T7.aspx',//相对路径 data: $("#form1").serialize(),//表单成员 必须包含 name 序列化表单值,创建 URL 编码文本字符串。 success: function (data) { console.info(data);//调试代码 if (data.intChk == 0) { list.html("");//清空数据 $.each(data.rows, function (i, it) { var str = list.html() + it.intNum + "用户名" + it.uid + "--密码" + it.pwd + "</br>"; list.html(str); }); } }, error: function (error) { console.info(error); } }); } <div id="LoginAdd"> <form id="form1"> <table> <tr> <td>用户名</td> <td><input name="zh" id="zh" /></td> </tr> <tr> <td>密码</td> <td><input name="mm" id="mm" /></td> </tr> </table> </form> </div> <div id="LoginList"> 123456789 </div>
    转载请注明原文地址: https://ju.6miu.com/read-27465.html

    最新回复(0)