php - Ajax响应错误

Question

我需要根据下拉列表的值进行mysql查询。这里我使用ajax将下拉值发送到服务器。我认为这部分对我有用。但问题是我无法将其发送到 php。注意:两者都在同一页面中。

这是我的 Jquery 代码:

$('#filter-value').change(function(){
    var filterValue = $(this).val();
    //console.log(filterValue); 

    $.ajax({
        type: 'post',
        dataType: 'html',
        data: {filter: filterValue},
        success:function(data){ 
            alert(data); 
        }, 
        error:function (xhr, ajaxOptions, thrownError){
            //On error, we alert user
            alert(thrownError);
        }, 
        complete: function(){
            //alert('update success'); 
        }
    });
});

这是 HTML 表单

    <form method="post" action="">
        <select id="filter-value" name="filter">
            <option value="10">10</option>
            <option value="20">20</option>
            <option value="30">30</option>              
        </select>
    </form>

这是我在页面顶部尝试的 PHP 代码:

if (isset($_POST['filter'])) {
    $filter = $_POST['filter']; 
    echo $filter; 
    exit;
} else {
    echo 'bad';
}

但是这段 php 代码总是会转到其他部分并打印“bad”

谁能告诉我哪里出错了？

谢谢。

Answer 1

您错过了指定脚本的 URL。确保您从 AJAX 查询正确的文件。

$.ajax({
    type: 'post',
    url: 'yourpage.php', // This one 
    //.....
});