Question

在运行Jquery / Ajax调用后，显示DIV内容时遇到问题。该调用运行MySQL查询并返回0或1，具体取决于查询结果。

我要做的是显示div的内容＆＃34;＃availability_1＆＃34;如果查询结果为1.我的代码中有临时警报，显示查询结果，在我的测试中结果为1.

我在代码中但没有显示任何内容。任何人都可以看到我出错的地方。

$( function() {
$( "#datepicker2" ).datepicker();
$("#ToTime").on("change",function(){
var date1=$("#datepicker1").val();
var date2=$("#datepicker2").val();
var time1=$("#FromTime").val();
var time2=$("#ToTime").val();
console.log(date1);
console.log(date2);
console.log(time1);
console.log(time2);
  $.ajax({
        type:"post",
        url:"check_booked_advert.php",
        data: {
            FromDate:date1,
            ToDate:date2,
            FromTime:time1,
            ToTime:time2,
        },
            success:function(data){
                alert(data);
            if(data==0){
                $("#availability_1").html("Dates available");
            }
            else{
                $("#availability_1").html("Date overlap!");
            }
        }
     });

});
});

非常感谢你的时间。

Answer 1

由于您已在路由处理程序中创建了SELECT语句，因此您需要有效地＆＃34; GET＆＃34;您从数据库中查询的数据。

您的AJAX通话类型目前设置为＆＃34; POST＆＃34;。

尝试按如下方式更改AJAX调用类型，看看是否有帮助：

$.ajax({
        type:"get",
        url:"check_booked_advert.php",
        data: {
            FromDate:date1,
            ToDate:date2,
            FromTime:time1,
            ToTime:time2,
        },
            success:function(data){
                alert(data);
            if(data==0){
                $("#availability_1").html("Dates available");
            }
            else{
                $("#availability_1").html("Date overlap!");
            }
        }
     });

Answer 2

从#

中删除div id="#availability_1"

所以它会起作用

<div id="availability_1"></div> //remove #

不需要# in id its simple name

Jquery - Ajax从Ajax调用的结果显示DIV的内容

2 个答案: