Ajax if 语句请求

Ajax if statement request

本文关键字：请求 语句 if Ajax      更新时间：2023-09-26
$("#Submit").click(function(event){
    event.preventDefault();
    var th = '<tr><th>' + "Business" +'</th><th>' + "Address"+ '</th><th>'+ "Rating" + '</th><th>' + "Date" + '</th></tr>';
    $("#restaurants").empty().html(th);
    var Searching = $("#Search").val();
    $.ajax({
        type     : "GET",
        url      : "http://www.cs.kent.ac.uk/people/staff/lb514/hygiene/hygiene.php",
        dataType : "json",
        data     : {op : "searchname", name : Searching},
        success  : function(data){
            $.each(data,function(key,results){
                if(results.length > 1){
                    $("#restaurants").append(
                        "<tr><td>" + results.business +"</td>"+
                        "<td>" + results.address + "</td>" + 
                        "<td>" + results.rating + "</td>" + 
                        "<td>" + results.date + "</td></tr>"
                    )
                }else if( results.length  <  1){
                    alert("The search term ");
                }
            })
        }
    });
})

这是一个 AJAX 请求，在用户按提交按钮搜索餐厅后调用。现在为了更好的设计，我包含了if语句来检查回调对象是否为空，但它不起作用。
但是，即使有了这个，我也测试过，如果您为餐厅指定类似的名字，它也可以工作。但是，如果您给出的名称不在数据库中，并且我看不到我出错的地方，它不会发出警报。

附言。我也试过data.length

有一个完整的工作示例通常会有所帮助，所以这是我的去处。下面为您提供了一个部分，以便在结果为 0 时做出响应。虽然这并不涵盖所有用例，因为您正在访问的 php 文件的工作原理并非 100% 明显。

<HTML>
<HEAD>
</HEAD>
<BODY>
    <input type="text" id="Search">
    <button id="Submit">Submit</button>
    <div id="restaurants"></div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script>
    $("#Submit").click(function(event){
                event.preventDefault();
                var th = '<tr><th>' + "Business" +'</th><th>' + "Address"+ '</th><th>'+ "Rating" + '</th><th>' + "Date" + '</th></tr>';
                $("#restaurants").empty().html(th);
                var Searching = $("#Search").val();
                $.ajax({
                 type : "GET",
                 url : "http://www.cs.kent.ac.uk/people/staff/lb514/hygiene/hygiene.php",
                 dataType : "json",
                 data : {op : "searchname", name : Searching},
                 success : function(data){
                     if(data.length == 0){
                         // what to do when nothing returns
                         alert("Nothing found");
                     }else{
                        $.each(data,function(key,results){
                            if(results.length > 1){
                             $("#restaurants").append(
                                         "<tr><td>" + results.business +"</td>"+
                                         "<td>" + results.address + "</td>" + 
                                         "<td>" + results.rating + "</td>" + 
                                         "<td>" + results.date + "</td></tr>")
                            }
                        });
                    }
                }});
              });
    </script>
</BODY>

相关文章：