php - 需要 JQuery 函数从 PHP 加载几个顺序操作

Question

我有一个带有简单形式 (id=search) 的 main-page.php，它在 MySQL 数据库中执行实时搜索并在如下列表中返回结果:

    echo "<ul style=\"list-style-type: none;\">";
      while($row = mysql_fetch_assoc($sql)) {
        echo "<li><a href=next-step.php?NDB_No=".$row['NDB_No'].">".$row['Long_Desc']."</a>";
    }
    echo "</ul>";

我需要的是一个 JQuery 函数，它允许我从上面的列表中单击任何返回的列表项，而不是被定向到 next-step.php，我想留在 main-page.php ，并使用 next-step.php 脚本的内容更新此页面上的 div“结果”。

值得注意的是，next-step.php 执行另一个 SQL 搜索并将结果作为带有单选按钮的表单元素返回，这些单选按钮是使用 echo 命令构建的 - 如下所示:

echo "<form id=choices>"
while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) {
echo "<input type=RADIO name=\"food_quantity\" value=\"$line[Gm_Wgt]\">";
echo "<b>$line[Amount] $line[Msre_Desc]</b> ($line[Gm_Wgt] grams)";
}
echo "<INPUT type=RADIO name=quantity>";
echo "<INPUT type=text NAME=my_quantity SIZE=4 value=\"\"> <b>grams</b>";
echo "<input type=submit name=Submit value=\"Submit\">";
echo "</form>";

最后，我希望能够使用“选择”表单做的是检查单选按钮选项，将选择发送到外部 php 页面(我们称之为 last.php)，其中还有另一个 SQL执行搜索后，搜索结果应作为格式化的 HTML block 返回到 main-page.php 的原始“结果”div 中。

感谢您的帮助!

Answer 1

这是我推荐给您的简单易行的 4 个步骤，您可以根据自己的需要进行定制

第 1 步: 编写一个 Jquery 函数 onclick()

<script>
$( "#yourID" ).click(function() {
  $( this ).slideUp();
});
</script>

第 2 步:执行 ajax 调用并将值发送到服务器

$.post( "yourServer.php", { data: "yourData" })
  .done(function( data ) {

  });

第三步:获取服务器端的值

$data = $_POST['data'];
#Do some process and get the result

第 3 步:发送结果

echo json_encode($yourData)

第 4 步:在 JQuery 成功事件中获取结果并在您需要更新的 div 中显示

if(success.data==1)
{
$('#yourResult').html(data.name);
}
else
{
$('#yourResult').html(data.error);
}

希望对你有帮助!