PHP 多种形式和 Ajax答案

【问题标题】：PHP multiple forms and AjaxPHP 多种形式和 Ajax
【发布时间】：2010-08-14 22:53:35
【问题描述】：

我编写了一个总体上运行良好的小脚本，它只需要一个小修复和一些 Ajax 代码。基本上，它为每个输出行附加了几个表格。提交工作正常，2 POST 和 1 GET。但我希望它在没有页面刷新的情况下发生，因此 Ajax 代码。我试过弄乱一些，但多个变量使它成为一场噩梦。这是完整的代码，首先是主页：

<html>
<head>
<title></title>
</head>
<body>
<?php

$lines = file('file.txt');

foreach ($lines as $line) {
$field = explode("|", $line);

$name = $field[0];
$id = $field[4];

echo $name . '<br>';?>

<form method="post" action="submit-here.php?id=<?php echo $id;?>">

<select name="FORM1" size="3">

<option value="Value-1">Value-1</option>
<option value="Value-2">Value-2</option>
<option value="Value-3">Value-3</option></select>&nbsp;&nbsp;&nbsp;

<select name="FORM2" size="3">

<option value="Value-4">Value-4</option>
<option value="Value-5">Value-5</option>
<option value="Value-6">Value-6</option></select>

<br><br><input type="submit" value="submit" name="submit">

</form>

<?php
}
?>

</body>
</html>

file.txt 只是您常用的 DSV 平面文件，即 field1|field2|field3|field4\n

这让我想到了我提到的所需的小修复，即每行末尾的换行符在每个合法表单对之后生成一对“幻像”表单，添加更多换行符并获得更多幽灵代码，我试过了使用 preg_replace 和 if...else 过滤掉它们但没有成功。

提交-here.php:

$id = $_GET["id"];
$FORM1 = $_POST["FORM1"];
$FORM2 = $_POST["FORM2"];


$write = $id . '|' . $FORM1 . '|' . $FORM2 . "\n";


$fn = "file2.txt";
$fh = fopen($fn, 'a');
fwrite($fh, $write);
fclose($fh);

【问题讨论】：

你能展示一下你尝试过的 if 语句和/或 preg_replace 调用吗？

标签： php ajax forms

【解决方案1】：

多种形式部分：

这对我有用：

<html>
<head>
<title></title>
</head>
<body>    
<?php
$lines = file('test.txt');
$count=0;
foreach ($lines as $line) {
    $field = explode("|", $line);
    if (count($field) > 2) {
        //only print the form if there is real data
        print_form($field, $count);
        $count++;
    }
}
?>
</body>
</html>

<?php
function print_form($field, $num) {
  $name = $field[0];
  $id = $field[4];

  echo $name . '<br>';?>

  <form method="post" action="submit-here.php">

  <input type="hidden" id="id_<?=$num?>" value="<?php echo $id;?>">
  <select id="sel1_<?=$num?>" name="FORM1" size="3">

  <option value="Value-1">Value-1</option>
  <option value="Value-2">Value-2</option>
  <option value="Value-3">Value-3</option></select>&nbsp;&nbsp;&nbsp;

  <select id="sel2_<?=$num?>" name="FORM2" size="3">

  <option value="Value-4">Value-4</option>
  <option value="Value-5">Value-5</option>
  <option value="Value-6">Value-6</option></select>

  <br><br>
  <input type="button" value="submit" name="submit" onClick="submitForm(<?=$num?>);">

  </form>

<?php
}

AJAX 部分

在您的 html 头中，添加以下脚本块：

<script language="JavaScript" type="text/JavaScript"> 
<!--
function submitForm(num) {
    //issue AJAX request
    var data = "FORM1="+document.getElementById("sel1_"+num);
    data = data+"&FORM2="+docucument.getElementById("sel2_"+num);
    data = data+"&id="+document.getElementByID("id_"+num);
    var request = getXmlHttpObject();
    request.onreadystatechange = 
      function() { if(request.readyState == 4 && request.status == 200) 
                      alert("Form received."); };
    request.open("POST", "submit-here.php", true);
    request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    request.send(data);
}

function getXmlHttpObject()
{
    if (window.XMLHttpRequest)
    {
      // code for IE7+, Firefox, Chrome, Opera, Safari
      return new XMLHttpRequest();
    }
    if (window.ActiveXObject)
    {
      // code for IE6, IE5
      return new ActiveXObject("Microsoft.XMLHTTP");
    }
    return null;
}
//-->
</script>

【讨论】：

Sweet，这对我来说也有助于摆脱幽灵代码，谢谢！知道如何让 Ajax 也在那里工作吗？杀死我的是多实例，只刷新当前活动的提交。
我需要更多地了解你想要做什么...我目前没有看到任何 AJAX 代码。
很简单，实际上，只需要每次提交后不要进行通常的整页刷新，可能会从 submit-here.php 返回“已收到”确认。
好的，更新了示例 AJAX 功能。我必须修改一些关于 php 生成的表单的内容，以便 AJAX 引用唯一的 id，因此请确保您也包含对该代码的更改。
我根据您的说明更新了代码并添加了 AJAX 块，整页刷新消失了，但现在没有任何内容传递给 submit-here.php，我不确定这是不是由于新旧代码冲突，所以我编辑了我的原始帖子以包含 submit-here.php 的代码