suchen

Heim >Web-Frontend >js-Tutorial >So erreichen Sie eine sekundäre Verknüpfung mit Ajax und PHP

So erreichen Sie eine sekundäre Verknüpfung mit Ajax und PHP

php中世界最好的语言
php中世界最好的语言Original
2018-04-03 17:14:262117Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie eine sekundäre Verknüpfung durch Ajax in Kombination mit PHP erreichen. Was sind die Vorsichtsmaßnahmen für eine sekundäre Verknüpfung durch Ajax? .

Verwenden Sie Ajax, um Daten von PHP zu erhalten

<!DOCTYPE html>
<html>
 <head>
 <title>Ajax案例一</title>
 <meta charset="utf-8" />
 </head>
 
 <body>
 <!-- 二级联动 -->
 <select id="province">
 <option>请选择</option>
 <option>山东省</option>
 <option>辽宁省</option>
 <option>吉林省</option>
 </select>
 <select id="city">
 <option>请选择</option>
 </select>
 <script>
 // 1. 为<select>元素绑定onchange事件
 var provinceEle = document.getElementById("province");
 provinceEle.onchange = function(){
 // 将id为city的元素内容清空
 var city = document.getElementById("city");
 var opts = city.getElementsByTagName("option");
 for(var z=opts.length-1;z>0;z--){
  city.removeChild(opts[z]);
 }
  
 // 2. 获取用户当前选择的省份名称
 var province = provinceEle.value;
 // 3. 创建对应的城市列表 - 数组
 var cities = [];
 switch (province){
  case "山东省":
  cities = ["青岛市","济南市","威海市","日照市","德州市"];
  break;
  case "吉林省":
  cities = ["长春市","松原市","吉林市","通化市","四平市"];
  break;
  case "辽宁省":
  cities = ["沈阳市","大连市","铁岭市","丹东市","锦州市"];
  break;
 }
 // 遍历城市列表
 for(var i=0;i<cities.length;i++){
  // 4. 创建<option>元素
  var option = document.createElement("option");
  // 5. 将城市的信息添加到<option>元素上
  var textNode = document.createTextNode(cities[i]);
  option.appendChild(textNode);
  // 6. 将创建的所有<option>元素添加到id为city元素上
  city.appendChild(option);
 }
  
 }
 </script>
 </body>
</html>

php:

<?php
 // 用于处理客户端请求二级联动的数据
 // 1. 接收客户端发送的省份信息
 $province = $_POST[&#39;provcince&#39;];
 // 2. 判断当前的省份信息,提供不同的城市信息
 switch ($province){
 case &#39;山东省&#39;:
  echo &#39;青岛市,济南市,威海市,日照市,德州市&#39;;
  break;
 case &#39;辽宁省&#39;:
  echo &#39;沈阳市,大连市,铁岭市,丹东市,锦州市&#39;;
  break;
 case &#39;吉林省&#39;:
  echo &#39;长春市,松原市,吉林市,通化市,四平市&#39;;
  break;
 }
 // 服务器端响应的是字符串
?>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Bitte zahlen Sie Aufmerksamkeit für weitere spannende Dinge auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Verwenden Sie Ajax, um zu überprüfen, ob der registrierte Benutzername vorhanden ist

Ajax-Operationsformular zum asynchronen Hochladen von Dateien

Das obige ist der detaillierte Inhalt vonSo erreichen Sie eine sekundäre Verknüpfung mit Ajax und PHP. 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：Detaillierte grafische und textliche Erläuterung der zugrunde liegenden Prinzipien von AJAXNächster Artikel：Detaillierte grafische und textliche Erläuterung der zugrunde liegenden Prinzipien von AJAX

In Verbindung stehende Artikel

Mehr sehen