jQuery MiniUI

 找回密码
 立即注册
查看: 4487|回复: 2
打印 上一主题 下一主题

PHP如何获取表单POST提交的值? [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2014-1-6 06:01:28 |只看该作者 |倒序浏览
本帖最后由 贝那雷斯 于 2014-1-6 06:06 编辑

表单页面代码如下:
  1. <div id="loginWindow" class="mini-window" title="管理登录" style="width:350px;height:165px;" showModal="true" showCloseButton="false" enableDragProxy="false">
  2.         <div id="loginForm" style="padding:15px;padding-top:10px;">
  3.                 <table>
  4.                         <tr>
  5.                                 <td style="width:60px;"><label for="username$text">账户:</label></td>
  6.                                 <td><input id="username" name="username" errorMode="border" onvalidation="onValidation" class="mini-textbox" vtype="email" required="true" requiredErrorText="账户不能为空!" style="width:150px;" value="admin@admin.com" /></td>
  7.                                 <td id="username_error" class="errorText"></td>
  8.                         </tr>
  9.                         <tr>
  10.                                 <td style="width:60px;"><label for="password$text">密码:</label></td>
  11.                                 <td><input id="password" name="password" errorMode="border" onvalidation="onValidation" class="mini-password" requiredErrorText="密码不能为空!" required="true" style="width:150px;" onenter="onLoginClick" value="99999999" /></td>
  12.                                 <td id="password_error" class="errorText"></td>
  13.                         </tr>
  14.                         <tr>
  15.                                 <td></td>
  16.                                 <td style="padding-top:5px;">
  17.                                         <a id="login" onclick="onLoginClick" class="mini-button" style="width:60px;">登录</a>
  18.                                         <a id="reset" onclick="onResetClick" class="mini-button" style="width:60px;">重置</a>
  19.                                 </td>
  20.                         </tr>
  21.                 </table>
  22.         </div>
  23. </div>
  24. <script type="text/javascript">
  25.         mini.parse();
  26.         var loginWindow = mini.get("loginWindow");
  27.         loginWindow.show();
  28.         mini.get("reset").focus()
  29.         // 显示表单错误信息
  30.         function updateError(e) {
  31.                 var id = e.sender.name + "_error";
  32.                 var el = document.getElementById(id);
  33.                 if (el) {
  34.                         el.innerHTML = e.errorText;
  35.                 }
  36.         }
  37.         // 验证表单数据
  38.         function onValidation(e) {
  39.                 updateError(e);
  40.         }
  41.         // 提交验证
  42.         function onLoginClick(e) {
  43.                 var form = new mini.Form("#loginForm");
  44.                 var data = form.getData();     //获取表单多个控件的数据
  45.                 var json = mini.encode(data);   //序列化成JSON
  46.                 $.ajax({
  47.                         url: "/?m=Admin&c=Login&a=Check",
  48.                         type: "post",
  49.                         data: {submitData: json},
  50.                         success: function (data) {
  51.                                 alert("提交成功,返回结果:" + data.username);
  52.                                 alert("提交成功,返回结果:" + data.state);
  53.                         },
  54.                         error: function (jqXHR, textStatus, errorThrown) {
  55.                                 alert(errorThrown);
  56.                         }
  57.                 });
  58.         }
  59.         // 重置表单
  60.         function onResetClick(e) {
  61.                 var form = new mini.Form("#loginWindow");
  62.                 form.clear();
  63.         }
  64. </script>
复制代码

PHP页面里该如何接收表单里“username”和“password”的值?$username = $_POST[‘username’];这样接收不到



Rank: 8Rank: 8

沙发
发表于 2014-1-6 09:26:07 |只看该作者
不要直接单独获取,
var data = form.getData();     //获取表单多个控件的数据
                var json = mini.encode(data);   //序列化成JSON

这2句,是把表单数据转成json字符串,然后data: {submitData: json},这样当成参数传递到后台
你后台应该request 获取submitData, 然后再获取表单数据里面的各个参数
form.getData()是这样的
{
   username:xxxx,
   password:yyyy
}

Rank: 2

板凳
发表于 2014-1-7 23:32:15 |只看该作者
多谢,搞定了!

Archiver|普加软件

GMT+8, 2025-7-16 00:08 , Processed in 1.044515 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部