2

我有这个表单，它使用 jquery 加载函数加载详细信息，这里是表单

 <form id="form1" name="form1" method="post" action="">
<div id="tableBg">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="list">
<thead>
<tr>
      <th width="39%" scope="col">WHITE LIST</th>
      <th width="61%" scope="col">&nbsp;</th>
      </tr>
      </thead>
</table>

<div style="max-height:400px; overflow-y:auto">
  <table width="100%" border="0" cellspacing="0" cellpadding="0" id="list">
    <tr class="sub_head">
      <td scope="col"><strong>REG. NO.</strong></td>
      <td scope="col"><strong>STUDENT NAME</strong></td>
      <td scope="col"><strong>GRADE</strong></td>
      <td scope="col"><strong>MESSAGE ID</strong></td>
      </tr>
    <tbody></tbody>
  </table>
</div>
<div id="PageFooter">
 <input type="submit" name="save_result" id="save_result" value="Save Results" />
</div>
</div>
</form>

并从另一个页面加载下面的代码

do{
    ?>
<tr <?php echo (($x%2) != 0) ? '' : ' class="alternate-row row"' ?>>
  <td scope="col"><?php echo $learners['reg_no'];?></td>
  <td scope="col"><?php echo $learners['surname']." ".$learners['full_names']." (".$learners['nickname'].")";?></td>
  <td scope="col"><?php echo $learners['grd']." ".$learners['grade_section'];?></td>
  <td scope="col">
  <input name="sms_id[<?php echo $learners['reg_no']; ?>]" type="text" size="3" /> 
    </td>
  </tr>
<?php $x++;}while($learners = $getLearners->fetch());

此代码在表单中，底部有一个提交按钮。这被发布到一个 process.php 中，使用以下代码打印一些输出

if(isset($_POST['submit'])){

    foreach($_POST['sms_id']  as $reg=>$msg_id){
        echo $reg. " / ".$msg_id;
    }

}

如果表单直接从表单发布到 process.php，则上面会显示这两个值

但我想使用 ajax 并尝试了以下不起作用的代码。只是发布 $msg_id 而不是其他值。

var formData = $("#form1").serializeArray();
            $.ajax({
                url: "models/process.php",
                type: "POST",
                data: formData,
                success: function(data)
                {
                    alert(data);
                }
            });

此代码不起作用有人可以帮忙吗？提前致谢。

JDK

4

3 回答 3

4

我不知道这是否会有很大帮助，但尝试添加传统的 ajax 选项

    $.ajax({
        url: "models/process.php",
        type: "POST",
        traditional: true,
        data: formData,
        success: function(data)
        {
            alert(data);
        }
    });

这改变了 Ajax 序列化其数据的方式。

于 2014-10-24T16:30:39.850 回答
3

实际上，您正在检查if(isset($_POST['submit']))未通过 ajax 的 process.php。

$('#form1').serializeArray()不包括提交按钮的数据。

在此处查看文档：http: //api.jquery.com/serializearray/

您的 PHP 代码 (process.php) 应更改为：

//if(isset($_POST['submit'])){ // this will not be available when using .serializeArray()

    foreach($_POST['sms_id']  as $reg=>$msg_id){
        echo $reg. " / ".$msg_id;
    }
//}
于 2014-10-19T16:42:02.223 回答
1

我认为问题在于发送表单，您需要在表单中输入值，以便您可以发送它们。

尝试将您尝试发送的所有输入创建到隐藏字段中，并使用 form.serialize()，这应该足够了。

例子：

<tr <?php echo (($x%2) != 0) ? '' : ' class="alternate-row row"' ?>>
<td scope="col"><input type="hidden" value="Somevalue" name"attributeName"/>
<?php echo     $learners['reg_no'];?></td>
</tr>
<?php $x++;}while($learners = $getLearners->fetch());

你的ajax调用：

var formData = $("#form1").serialize();
        $.ajax({
            url: "models/process.php",
            type: "POST",
            data: formData,
            success: function(data)
            {
                alert(data);
            }
        });
于 2014-10-24T16:03:43.703 回答