# 表单提交 [TOC] ## Ajax异步提交 #### 语法说明 ~~~ hdjs.ajax({ type:'post', url:'hdjs.php', data: {}, successUrl: 'back', callback: '', }) ~~~ #### 后台返回数据 ``` <?php // valid:true时成功 false 为失败 echo json_encode(['valid'=>1,'message'=>"操作成功"]); ``` #### 参数说明 | 参数 | 说明 | | --- | --- | | type | 请求类型，get或post，默认为post | | url | 后台地址，默认为当前页面 | | data | 提交的数据json格式 | | successUrl | 成功后的回跳地址，请参考 [消息框](http://hdjs.hdphp.com/378399#_0) 功能。 | | callback | 成功后的回调地址(后台返回valid为true时)，设置callback后successUrl将无效 | #### GET ~~~ <button onclick="get()">GET请求</button> <script> function get() { require(['hdjs'], function (hdjs) { hdjs.ajax({ type: 'get', data: {id: 22, name: 'hdjs'} }) }); } </script> ~~~ #### POST ~~~ <button onclick="post()">POST请求</button> <script> function post() { require(['hdjs'], function (hdjs) { hdjs.ajax({ data: {id: 22, name: 'hdjs'} }) }); } </script> ~~~ ## 表单提交 属性successUrl回调地址请参考 [消息框](http://hdjs.hdphp.com/378399#_0) 功能。 ``` <script> require(['hdjs'], function (hdjs) { hdjs.submit({ el:"form",//默认是当前页面的form表单 //提效地址，不填时使用当前url url: 'test/submit.php', //提交的数据json格式，不添加时自动提交表单数据 data: '', //操作成功时返回地址，不填写时回调上一页，可以使用refresh（默认),back,留空不操作等 successUrl: 'refresh', //请求结束后执行的回调函数，设置之后 successUrl将无效 callback:function(response){ console.log(response) } }); }) </script> ``` #### 前台 ``` <form method="post" action="" onsubmit="post(event);"> 表单等内容... </form> <script> function post(event) { event.preventDefault(); require(['hdjs'], function (hdjs) { hdjs.submit(); }); } </script> ``` #### 后台 ``` <?php // valid:true时成功 false 为失败 echo json_encode(['valid'=>true,'message'=>"操作成功"]); ```