婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > Ajax異步傳輸與PHP實現交互示例

Ajax異步傳輸與PHP實現交互示例

熱門標簽:如何用地圖標注各分公司 信貸電銷機器人有用嗎 接聽電話機器人哪有 廣西ai語音電銷機器人哪家好 莆田防封電銷卡價格 辦理一個400電話多少錢 察縣地圖標注 蓄意標記地圖標注 電銷機器人適用范圍
背景

前臺頁面兩個select框,一個與學院關聯,另一個與專業關聯,現需要選擇學院select框后,顯示學院相關信息,且專業select下面僅有屬于該學院的專業名稱。也就是實現一個二級聯動效果。

兩個select里面分別定義onchange事件,事件中利用ajax的GET方法向后臺PHP遞交信息,再將查詢得到的信息echo出來或document.write。

注:代碼參考了有位叫y0umer的博主寫的。
復制代碼 代碼如下:

script type="text/javascript">
var XmlHttp;
function createXmlHttpRequestObject(){
if(window.ActiveXobject){ // 判斷是否是ie瀏覽器
try { // try開始
xmlhttp = new ActiveXobject("Microsoft.XMLHTTP"); // 使用ActiveX對象創建ajax
}catch(e){
xmlHttp = false;
} // try end
}else{ //Chrome、FireFox等非ie內核
try{
xmlHttp = new XMLHttpRequest(); //視為非ie情況下
}catch(e){
xmlHttp = false; // 其他非主流瀏覽器
}
} // 判斷結束,如果創建成功則返回一個DOM對象,如果創建不成功則返回一個false

if(xmlHttp)
{
return xmlHttp;
}else{
alert("對象創建失敗,請檢查瀏覽器是否支持XmlHttpRequest!");
}

} // 函數體
//學院下拉框事件
function showCollegeInfo(){
var selectIndex = document.getElementById("college").selectedIndex;//獲得是第幾個被選中了
var value = document.getElementById("college").options[selectIndex].value;
if(value)
{
// 先創建一個對象實例
createXmlHttpRequestObject();
// 使用事件對象獲取文本框ID的值
var vCollege = value;

var url = "college.php?xy="+vCollege; //待發送URL
url=encodeURI(url);
xmlHttp.onreadystatechange=ajaxok; // 判斷瀏覽器狀態欄 (接收玩數據觸發的事件)
xmlHttp.open("GET",url,false); // GET向服務器端發送數據
xmlHttp.send(null);
document.getElementById("collegeinfo").style.display="block";//顯示學院信息的div
}else{
document.getElementById("collegeinfo").style.display="none";//隱藏學院信息的div
}
}
function ajaxok()
{
if(xmlHttp.readyState == 4 xmlHttp.status==200)
{
document.getElementById("collegeinfo").innerHTML = xmlHttp.responseText;
}
}
//專業下拉框事件
function showMajorInfo(){
var selectIndex = document.getElementById("major").selectedIndex;//獲得是第幾個被選中了
var value = document.getElementById("major").options[selectIndex].value;
if(value)
{
// 先創建一個對象實例
createXmlHttpRequestObject();
// 使用事件對象獲取文本框ID的值
var vMajor = value;

var url = "major.php?zy="+vMajor; //待發送URL
url=encodeURI(url);
xmlHttp.onreadystatechange=ajaxok2; // 判斷瀏覽器狀態欄 (接收玩數據觸發的事件)
xmlHttp.open("GET",url,false); // GET向服務器端發送數據
xmlHttp.send(null);
document.getElementById("majorinfo").style.display="block";//顯示專業信息的div
}else{
document.getElementById("majorinfo").style.display="none";//隱藏專業信息的div
}
}
function ajaxok2()
{
if(xmlHttp.readyState == 4 xmlHttp.status==200)
{
document.getElementById("majorinfo").innerHTML = xmlHttp.responseText;
}
}

/script>
您可能感興趣的文章:
  • Ajax+php數據交互并且局部刷新頁面的實現詳解
  • php 接口與前端數據交互實現示例代碼
  • 利用php做服務器和web前端的界面進行交互
  • Android App端與PHP Web端的簡單數據交互實現示例
  • 微信小程序學習筆記之表單提交與PHP后臺數據交互處理圖文詳解
  • php變量與JS變量實現不通過跳轉直接交互的方法
  • Ajax+PHP簡單數據交互
  • PHP與MySQL交互使用詳解
  • PHP與服務器文件系統的簡單交互
  • PHP與Web頁面交互操作實例分析

標簽:銅陵 益陽 阿拉善盟 平涼 儋州 張掖 鷹潭 延邊

巨人網絡通訊聲明:本文標題《Ajax異步傳輸與PHP實現交互示例》,本文關鍵詞  Ajax,異步,傳輸,與,PHP,實現,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《Ajax異步傳輸與PHP實現交互示例》相關的同類信息!
  • 本頁收集關于Ajax異步傳輸與PHP實現交互示例的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 青川县| 南郑县| 江华| 吴桥县| 陆川县| 资中县| 昂仁县| 开远市| 泸州市| 洛宁县| 军事| 枞阳县| 横山县| 阿巴嘎旗| 中宁县| 宜兴市| 色达县| 马关县| 贵阳市| 黄骅市| 法库县| 罗江县| 永城市| 福安市| 体育| 思南县| 清涧县| 轮台县| 克拉玛依市| 连江县| 贵德县| 永济市| 平陆县| 博爱县| 华宁县| 阿鲁科尔沁旗| 龙岩市| 定日县| 富源县| 镇安县| 宁晋县|