sql >> データベース >  >> RDS >> Mysql

Echo JSonclickfill関数AJAXが機能しない

    javascriptの単一引用符と二重引用符の代わりに`記号を使用できます。

    ここでは、ajax.phpの16行目を更新する必要があります。 このようなファイル。

    echo "<li onclick='fill(`".$Result['Name']."`)'>".$Result['Name']." 
    

    完全なコードajax.phpファイル

    <?php
    //Including Database configuration file.
    include "db.php";
    //Getting value of "search" variable from "script.js".
    if (isset($_GET['search'])) {
    //Search box value assigning to $Name variable.
    $Name = $_GET['search'];
    //Search query.
    $Query = "SELECT Name FROM search WHERE Name LIKE '$Name%' LIMIT 5";
    //Query execution
    $ExecQuery = MySQLi_query($con, $Query);
    //Creating unordered list to display result.
        if ($ExecQuery->num_rows > 0) {
              echo "<ul>";
              while ($Result = MySQLi_fetch_array($ExecQuery)) {
                echo "<li onclick='fill(`".$Result['Name']."`)'>".$Result['Name']." 
         </li>";
         }
        echo "</ul>";
       }
      }
     die();
    ?>
    

    JSコード。

    //Getting value from "ajax.php".
    function fill(Value) {
    //Assigning value to "search" div in "index.php" file.
    $('#search').val(Value);
    //Hiding "display" div in "index.php" file.
    $('#display').hide();
    }
    $(document).ready(function() {
    //On pressing a key on "Search box" in "indexd.php" file. This function will be called.
    $("#search").keyup(function() {
    //Assigning search box value to javascript variable named as "name".
    $('#display').hide();
    $('#backspace').css("display", "none");
    var name = $('#search').val();
    //Validating, if "name" is empty.
    if (name == "") {
       //Assigning empty value to "display" div in "index.php" file.
       $('#backspace').css("display", "block");
    }
    //If name is not empty.
    else {
        //AJAX is called.
        $.ajax({
            //AJAX type is "GET".
            type: "GET",
            //Data will be sent to "ajax.php".
            url: "ajax.php",
            //Data, that will be sent to "ajax.php".
            data: {
                //Assigning value of "name" into "search" variable.
                search: name
            },
            //If result found, this funtion will be called.
            success: function(html) {
              if (html == '<ul><li>No Result Found!</li></ul>') {
                 $('#no-results').css("display", "block");
              }else{
                 //Assigning result to "display" div in "index.php" file.
                 $("#display").html(html).show();
               }
            }
        });
       }
     });
    });
    



    1. 複数のINSERTステートメントと複数の値を持つ単一のINSERT

    2. 夏時間を念頭に置いて繰り返し日付を保存する方法

    3. SQLAlchemy-カウントステータスはtrueです

    4. Hibernateの最も単純な1対多のマップケースはMySQLでは機能しません