javascript - PHP 无法接收使用 jquery 发送的数据。导致 php 文件中 undefined variable

Question

我正在尝试使用 jQuery 将数据从 HTML select 发送到 PHP 文件。不幸的是它不起作用。我已经查看了这里提出的所有解决方案，但它仍然不起作用。这是代码:

<select id="city" name="city" >
    <optgroup label="Popular Cities">
        <option selected style="display:none;color:#eee;">Entire country</option>
        <option value="city1">city 1</option>
        <option value="city2">city 2</option>
        <option value="city3">city3</option>
        <option value="city4">city4</option>
        <option value="city5">city5</option>
</select>

$("#city").change(function() {
    $.ajax({
        url: 'post.php',
        type: 'POST',
        data: { city: $(this).val() },
        success: function(data) {
            alert(data);
            window.location.replace("post.php");
            window.location.reload("post.php");
        }
    });
});

$city = isset($_POST['city']) ? $_POST['city'] : false;
echo "".$city."";

alert() 有效，但我在 post.php 中仍然没有收到任何数据。我也尝试过下面的代码，但仍然无法获得它。

$.post("post.php", { city: $(this).value }, function(data) {
    alert(data);
    window.location.reload("post.php");
    window.location.replace("post.php");
});

有什么帮助吗？

Answer 1

您需要使用表单，如评论中所述

<form action="post.php" method="get" id="frmForm">
 <select id="city" name="city" >
<optgroup label="Popular Cities">
    <option selected style="display:none;color:#eee;">Entire   country</option>
    <option value="city1">city 1</option>
    <option value="city2">city 2</option>
    <option value="city3">city3</option>
    <option value="city4">city4</option>
    <option value="city5">city5</option>
 </select>
</form>

然后使用jquery提交城市选择表单

$(document).ready(function() {

$("#city").change(function() {
$('#frmForm').submit();    

});

然后你可以通过 $_GET['city']; 查找城市名称