javascript - 外部 PHP 数据不通过 AJAX 传递

Question

我正在致力于使用 PHP 和 AJAX 创建一个简单的在线预订系统。

当前的布局是:每次预订都会获取预设的元素列表，然后用户可以添加他们需要的其他元素。为此，我设置了一个 AJAX 按钮，每次单击该按钮时都会调用一个新的下拉列表。 (这意味着一个页面可以有 1 个附加项目，甚至 20 个，具体取决于他们需要多少。)

选择其他项目后，他们就可以提交表单，并被引导至确认页面，该页面旨在列出他们所选择的内容。

问题:添加的任何下拉列表中都没有携带任何数据。

我的 AJAX 脚本和第 1 页上的 php 代码是:

<script>
function changeIt()
{
$.ajax({
type: "POST",
url: "details.php"
}).done(function( result ) {
$("#msg1").append( "" +result);
});
}   
</script>

<form name ="addequip" id="addequip" action="confirmbooking.php" method="post">
<input type='button' value="Add Item" onClick="changeIt()"/>
<div id="msg1"></div>
<input type='submit' value='submit'/>

详细信息.php:

<?php
require_once("dbconn.php");
$sql = "SELECT REFERENCE, DESCRIPTION FROM descEquip";
$result = mysql_query($sql,$conn);
?>

<select name="equip">
<?php while ($row = mysql_fetch_array($result)) { ?>
<option value="<?php echo $row["REFERENCE"];?>"><?php echo $row["DESCRIPTION"];?></option><?php } ?>
</select>

最后我的确认页面是:

<?php $item = $_POST['equip']; ?>
<?php echo $item ?>

我不太确定是否需要在 AJAX 脚本中添加某些内容才能使其按预期工作，或者是否需要在details.php 中更改某些内容？ (我对 AJAX 很陌生)

我已经查看了上一个问题'passing form data to mySQL through AJAX '但我无法让它为我工作。

最后，对于其他列表(当需要超过 1 项时)，我是否需要有一个功能来声明每个装备列表都有不同的名称？喜欢 name="equip<?php echo $i ?> where $i = 1++;

任何提示或示例将不胜感激，谢谢。

Answer 1

永远不要假设一切都会按照您想要的方式工作 - 检查代码中是否出现问题:

var jqxhr = $.ajax(
    {
        type: 'GET',
        async: false,
        url: 'details.php',
        success: function(data, textStatus /* always 'success'  */, jqXHR)
                 {
                    // ok if we are here it means that communication between browser and apache was successful

                    alert( 'on_ajax_success data=[' + data + ']  status=[' + textStatus + ']' );
                    $("#msg1").innerHTML( result );
                 }
        ,
        error: function(jqXHR, textStatus, errorThrown)
                {
                    alert( 'ERROR: [operation failed]' );
                }
    });

此外 - 使用安装了 Firebug 的 Firefox，以便您可以看到您的 ajax 查询/响应。