Detailliertes Beispiel einer Ajax-Implementierung der Ladedatenfunktion-PHP-Tutorial-php.cn

Detailliertes Beispiel einer Ajax-Implementierung der Ladedatenfunktion

小云云

Freigeben： 2023-03-18 13:48:02

Original

1566 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Funktion zum Laden von Daten über Ajax vor. Ich hoffe, dass er für alle hilfreich ist.

Der spezifische Code zum Laden von Daten dient als Referenz. Der spezifische Inhalt lautet wie folgt:

1.xssj .php

<script src="jquery-3.2.0.min.js"></script>
<title>无标题文档</title>
</head>

<body>
<h1>显示数据</h1>
<select id="sel">

</select>
<input type="button" value="取选中值" id="qu" />
</body>
<script type="text/javascript">
$(document).ready(function(e) {
  
  //异步AJAX ：执行chuli页面的同时,继续执行下面代码。效率高,不用等待,继续执行下面代码
  //异步和同步 同步：效率不高,不能同时执行两件事情
  $.ajax({
    //async:false,//把异步关闭,相当于开启同步
    url:"xschuli.php",
    dataType:"TEXT",
    //complete: function(){},//执行完成之后执行
    //beforeSend: function(){},//发送处理请求之前,自动处理此方法 complete和beforeSend可以实现进度条
    //error: function(){},//如果出错了执行此方法
    success: function(data){ //success: function(){}是执行完成之前执行
      var hang = data.split("|");
      var str = "";
      for(var i=0;i<hang.length;i++)
      {
       var lie = hang[i].split("^");
       str = str+"<option value=&#39;"+lie[0]+"&#39;>"+lie[1]+"</option>";
      }
      $("#sel").html(str);
      //alert($("#sel").val());
     }
   });
   
   //alert($("#sel").val());
   
   $("#qu").click(function(){
     alert($("#sel").val());
    })
});
</script>
</html>

Nach dem Login kopieren

2.xschuli.php

<?php
require "DBDA.class.php";
$db = new DBDA();
$sql ="select * from nation";
//$arr = $db->query($sql,1);
//var_dump($arr);
"n001^汉族|n002^壮族|n003^维吾尔族";
echo $db->strquery($sql);
/*$str="";
foreach($arr as $v)
{
 $str = $str.implode("^",$v)."|";
}

$str = substr($str,0,strlen($str)-1);

echo $str;*/

Nach dem Login kopieren

Verwandte Empfehlungen:

Freigabe des asynchronen PHP-Datenladeprozesses

AJAX-Löschereignis und Einführung in die Ladedatenmethode

jQuery Ajax zeigt Wird beim Laden der Datenanimation asynchron geladen

Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel einer Ajax-Implementierung der Ladedatenfunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!