濮阳杆衣贸易有限公司

主頁(yè) > 知識(shí)庫(kù) > Ajax異步傳輸與PHP實(shí)現(xiàn)交互示例

Ajax異步傳輸與PHP實(shí)現(xiàn)交互示例

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

前臺(tái)頁(yè)面兩個(gè)select框,一個(gè)與學(xué)院關(guān)聯(lián),另一個(gè)與專業(yè)關(guān)聯(lián),現(xiàn)需要選擇學(xué)院select框后,顯示學(xué)院相關(guān)信息,且專業(yè)select下面僅有屬于該學(xué)院的專業(yè)名稱。也就是實(shí)現(xiàn)一個(gè)二級(jí)聯(lián)動(dòng)效果。

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

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

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

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

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

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

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

/script>
您可能感興趣的文章:
  • Ajax+php數(shù)據(jù)交互并且局部刷新頁(yè)面的實(shí)現(xiàn)詳解
  • php 接口與前端數(shù)據(jù)交互實(shí)現(xiàn)示例代碼
  • 利用php做服務(wù)器和web前端的界面進(jìn)行交互
  • Android App端與PHP Web端的簡(jiǎn)單數(shù)據(jù)交互實(shí)現(xiàn)示例
  • 微信小程序?qū)W習(xí)筆記之表單提交與PHP后臺(tái)數(shù)據(jù)交互處理圖文詳解
  • php變量與JS變量實(shí)現(xiàn)不通過跳轉(zhuǎn)直接交互的方法
  • Ajax+PHP簡(jiǎn)單數(shù)據(jù)交互
  • PHP與MySQL交互使用詳解
  • PHP與服務(wù)器文件系統(tǒng)的簡(jiǎn)單交互
  • PHP與Web頁(yè)面交互操作實(shí)例分析

標(biāo)簽:銅陵 益陽(yáng) 阿拉善盟 儋州 張掖 鷹潭 延邊

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Ajax異步傳輸與PHP實(shí)現(xiàn)交互示例》,本文關(guān)鍵詞  Ajax,異步,傳輸,與,PHP,實(shí)現(xiàn),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Ajax異步傳輸與PHP實(shí)現(xiàn)交互示例》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于Ajax異步傳輸與PHP實(shí)現(xiàn)交互示例的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    南雄市| 湾仔区| 永安市| 贵德县| 历史| 青龙| 江永县| 高台县| 彰化县| 满城县| 阿克苏市| 迁安市| 大足县| 团风县| 阿拉善盟| 独山县| 常山县| 牡丹江市| 易门县| 安义县| 通江县| 灌阳县| 卫辉市| 探索| 甘南县| 迁西县| 崇阳县| 台南县| 红桥区| 盘锦市| 富平县| 任丘市| 天祝| 格尔木市| 青铜峡市| 江山市| 容城县| 赤水市| 石渠县| 开江县| 丹江口市|