Heim > Artikel > Web-Frontend > So implementieren Sie die Funktion der Aufforderung zur Eingabe von Informationen in Ajax

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

php中世界最好的语言Original: 2018-03-30 17:31:061385Durchsuche

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>

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);

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：js-Implementierung zum Erhalten eines SMS-BestätigungscodebeispielsNächster Artikel：js-Implementierung zum Erhalten eines SMS-Bestätigungscodebeispiels

In Verbindung stehende Artikel

Mehr sehen