So implementieren Sie die Funktion der Aufforderung zur Eingabe von Informationen in Ajax-js-Tutorial-php.cn

So implementieren Sie die Funktion der Aufforderung zur Eingabe von Informationen in Ajax

php中世界最好的语言

Freigeben： 2018-03-30 17:31:06

Original

1409 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie die Funktion zur Eingabeaufforderung über Ajax implementieren. Was sind die Vorsichtsmaßnahmen für die Implementierung der Funktion zur Eingabeaufforderung über Ajax? Werfen wir einen Blick darauf.

Das Beispiel in diesem Artikel teilt Ihnen den spezifischen Code von Ajax mit, um den Eingabeaufforderungseffekt als Referenz zu erzielen. Der spezifische Inhalt lautet wie folgt:

Website-Homepage

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    *{
      margin:0px auto;
      padding:0px;
    }
    .l{
      height:50px;
      width:198px;
      border-bottom:1px solid black;
      text-align: center;
      line-height:40px;
      vertical-align: middle;
    }
  </style>
  <script src="../wenjian/jquery-2.2.3.min.js"></script>
</head>
<body>
<p style="height: 50px;width: 200px"><input type="text" id="name" style="width: 198px;height: 48px;"></p>
<p id="list" style="height: 500px;width: 200px;border: 1px solid black">
<!--<p id="l">zhongguo</p>-->
</p>
</body>
</html>
<script>
$("#name").keyup(function () {
  var n = $("#name").val();
  if (n != ""){
  $.ajax({
    url:'ltchuli.php',
    data:{n:n},
    type:'post',
//    dataType:'text',
    dataType:'json',
    success:function (data) {
//text写法
//     var s = data.split("|");
//     var str = "";
//     for (var i=0;i<s.length;i++)
//     {
//       str = str + "<p class=&#39;l&#39;>" +s[i] +"</p>";
//     }
//     $("#list").html(str);
//json写法
      for (var i in data){
        $("#list").append("<p class=&#39;l&#39;>" +data[i] +"</p>");
      }
    }
  });
}else {
    $("#list").html("");
  }
})
</script>

Nach dem Login kopieren

Verarbeitungsseite

<?php
/**
 * Created by fcc
 * User: Administrator
 * Date: 2017/10/30
 * Time: 9:52
 */
$n = $_POST[&#39;n&#39;];
require_once "../wenjian/DBDA.class.php";
$db = new DBDA();
$obj = "select region_name from region WHERE region_name LIKE &#39;%{$n}%&#39; ";
$data = $db->Query($obj);
//echo $data;
echo json_encode($data);

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Ajax+Servlet zur Implementierung einer aktualisierungsfreien Dropdown-Verknüpfung (mit Code)

Wie Um Ajax asynchron zu verwenden, prüfen Sie, ob der Benutzername doppelt vorhanden ist

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Funktion der Aufforderung zur Eingabe von Informationen in Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!