$ ajax url的Ajax和jQuery调用不起作用

Question

我会尽力解释一下。

我有通过ajax中的URL连接到的REST api。 当我获得该信息时，我想更新其中的内容，以便根据api调用获得的数据来更新内容。

<button onclick="myFunction()">LOAD</button><br /><br />
<div class="spinner bar hide">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div> 
<div class="searchtable"><?php include 'hotels/hotelList.php';?></div>

<script>
    function myFunction() { 
        $('.searchtable').addClass('hide');
        $('.spinner').removeClass('hide');

        $.ajax({
            url: 'hotels/hotelSortBy.php?name=<?php echo $name;?>&arrival=<?php echo $arrival;?>&departure=<?php echo $departure;?>&guests=<?php echo $numberOfGuests;?>'
        }).done(function() {
            $('.spinner').addClass('hide');
            $('.searchtable').removeClass('hide');
        });
    }
</script> 

Answer 1

问题出在您的ajax调用功能上

您必须像下面那样更改ajax调用

$.ajax({
            type: 'GET',
            data: {'name':'<?php echo $name;?>','arrival':'<?php echo $arrival;?>','departure':'<?php echo $departure;?>','guests':'<?php echo $numberOfGuests;?>'},
            url: 'hotels/hotelSortBy.php',
            success: function (data) {
                // do what ever you want to do with this response data
            },
            error: function (xhr) {
                // do what ever you want to do when error happens
            }
        });

这就是使用ajax将GET请求发送到URL的方式