0

我需要两件事的帮助。第一:如果我点击空提交按钮。它应该向我显示一个错误。第二:如果有0个结果,就会报错。

$(document).ready(function(){
    $(".search").click(function(){
        $.post("search.php", { keywords: $(".keywords").val() }, function(data){
            $("div#search").empty()
            $.each(data, function(){
                $("div#search").append("- <a href='#?id=" + this.id + "'>" + this.title + "</a><br>");
            });
        }, "json");
    });
});

--

$query = $db->prepare("SELECT `media`.`id`, `media`.`title` FROM `media` WHERE `media`.`title` LIKE :keywords");

$keywords = (isset($_POST['keywords']) === true) ? $_POST['keywords'] : '';

if (empty($keywords) === true) {
    $error = 'error';
    echo json_encode( $error );
} else {
    $query->bindValue(':keywords', '%' . $keywords . '%', PDO::PARAM_STR);
    $arr = array();
    $query->execute();
    while( $row = $query->fetch(PDO::FETCH_ASSOC) ) {
        $arr[] = array( "id" => $row["id"], "title" => $row["title"]);
    }
    echo json_encode( $arr );
}
4

2 回答 2

1

好的,我在本地机器上煞费苦心地重新创建(jsfiddle 不允许您复制/粘贴)它。您的 html/js 代码应如下所示:

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    </head>
    <body>
        <input type="text" name="search" class="keywords">
        <input type="submit" name="submit" class="search">
        <div id="search"></div>
        <script>
            $(document).ready(function(){
                $(".search").click(function(){
                    $.post(
                        "search.php", 
                        { keywords: $(".keywords").val() }, 
                        function(data){
                              $("div#search").empty()
                          $("div#search").append(data);
                        }, 
                        "json"
                    );
                });
            });
        </script>
    </body>
</html>

对于 PHP search.php 页面:

<?php
$keywords = (isset($_POST['keywords']) === true) ? $_POST['keywords'] : '';
if (empty($keywords) === true) {
    echo json_encode( "error" );
}
else {
    // run mysql commands
    // if resultset == empty
    // echo json_encode( "error" );
    echo json_encode( "actual data" );
}
?>

要在 javascript 中解析 json 数据,请执行以下操作:

$.post(
  "search.php", 
  { keywords: $(".keywords").val() }, 
  function(data) {
    $("div#search").empty();
    obj = JSON.parse(data);
    $("div#search").append(obj.id + " " + obj.title);
  }, 
  "json"
 );
于 2013-02-27T14:08:57.503 回答
0

尝试使用$(this)而不是this

于 2013-02-27T13:57:50.580 回答