亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > PHP > 正文

AJAX技術在PHP開發中的簡單應用

2024-05-04 22:53:38
字體:
來源:轉載
供稿:網友
國內最大的酷站演示中心!
    ajax無疑是2005年炒的最熱的技術之一,當然,這個功勞離不開google。我只是一個普通開發者,使用ajax的地方不是特別多,我就簡單的把我使用的心得說一下。(本文假設用戶已經具有javascript、html、css等基本的能力)

  [ajax介紹]

  ajax是使用客戶端腳本與web服務器交換數據的web應用開發方法。web頁面不用打斷交互流程進行重新加裁,就可以動態地更新。使用ajax,用戶可以創建接近本地桌面應用的直接、高可用、更豐富、更動態的web用戶界面。

  異步javascript和xml(ajax)不是什么新技術,而是使用幾種現有技術——包括級聯樣式表(css)、javascript、xhtml、xml和可擴展樣式語言轉換(xslt),開發外觀及操作類似桌面軟件的web應用軟件。

  [ajax執行原理]

  一個ajax交互從一個稱為xmlhttprequest的javascript對象開始。如同名字所暗示的,它允許一個客戶端腳本來執行http請求,并且將會解析一個xml格式的服務器響應。ajax處理過程中的第一步是創建一個xmlhttprequest實例。使用http方法(get或post)來處理請求,并將目標url設置到xmlhttprequest對象上。

  當你發送http請求,你不希望瀏覽器掛起并等待服務器的響應,取而代之的是,你希望通過頁面繼續響應用戶的界面交互,并在服務器響應真正到達后處理它們。要完成它,你可以向xmlhttprequest注冊一個回調函數,并異步地派發xmlhttprequest請求??刂茩囫R上就被返回到瀏覽器,當服務器響應到達時,回調函數將會被調用。

  [ajax實際應用]

  1. 初始化ajax

  ajax實際上就是調用了xmlhttprequest對象,那么首先我們的就必須調用這個對象,我們構建一個初始化ajax的函數:

/**
* 初始化一個xmlhttp對象
*/
function initajax()
{
 var ajax=false;
 try {
  ajax = new activexobject("msxml2.xmlhttp");
 } catch (e) {
  try {
   ajax = new activexobject("microsoft.xmlhttp");
  } catch (e) {
   ajax = false;
  }
 }
 if (!ajax && typeof xmlhttprequest!='undefined') {
  ajax = new xmlhttprequest();
 }
 return ajax;
}

  你也許會說,這個代碼因為要調用xmlhttp組件,是不是只有ie瀏覽器能使,不是的經我試驗,firefox也是能使用的。
那么我們在執行任何ajax操作之前,都必須先調用我們的initajax()函數來實例化一個ajax對象。

  2. 使用get方式

  現在我們第一步來執行一個get請求,加入我們需要獲取 /show.php?id=1的數據,那么我們應該怎么做呢?

  假設有一個鏈接:<a href="/show.php?id=1">新聞1</a>,我點該鏈接的時候,不想任何刷新就能夠看到鏈接的內容,那么我們該怎么做呢?

//將鏈接改為:
<a href="#" onclick="getnews(1)">新聞1</a>

//并且設置一個接收新聞的層,并且設置為不顯示:
<div id="show_news"></div>

  同時構造相應的javascript函數:

function getnews(newsid)
{
 //如果沒有把參數newsid傳進來
 if (typeof(newsid) == 'undefined')
 {
  return false;
 }
 //需要進行ajax的url地址
 var url = "/show.php?id="+ newsid;

 //獲取新聞顯示層的位置
 var show = document.getelementbyid("show_news");

 //實例化ajax對象
 var ajax = initajax();

 //使用get方式進行請求
 ajax.open("get", url, true);

 //獲取執行狀態
 ajax.onreadystatechange = function() {
  //如果執行是狀態正常,那么就把返回的內容賦值給上面指定的層
  if (ajax.readystate == 4 && ajax.status == 200) {
   show.innerhtml = ajax.responsetext;
  }
 }
 //發送空
 ajax.send(null);
}

  那么當,當用戶點擊“新聞1”這個鏈接的時候,在下面對應的層將顯示獲取的內容,而且頁面沒有任何刷新。當然,我們上面省略了show.php這個文件,我們只是假設show.php文件存在,并且能夠正常工作的從數據庫中把id為1的新聞提取出來。

  這種方式適應于頁面中任何元素,包括表單等等,其實在應用中,對表單的操作是比較多的,針對表單,更多使用的是post方式,這個下面將講述。

  3. 使用post方式

  其實post方式跟get方式是比較類似的,只是在執行ajax的時候稍有不同,我們簡單講述一下。

  假設有一個用戶輸入資料的表單,我們在無刷新的情況下把用戶資料保存到數據庫中,同時給用戶一個成功的提示。

//構建一個表單,表單中不需要action、method之類的屬性,全部由ajax來搞定了。
<form name="user_info">
姓名:<input type="text" name="user_name" /><br />
年齡:<input type="text" name="user_age" /><br />
性別:<input type="text" name="user_sex" /><br />

<input type="button" value="提交表單" onclick="saveuserinfo()">
</form>
//構建一個接受返回信息的層:
<div id="msg"></div>

  我們看到上面的form表單里沒有需要提交目標等信息,并且提交按鈕的類型也只是button,那么所有操作都是靠onclick事件中的saveuserinfo()函數來執行了。我們描述一下這個函數:

function saveuserinfo()
{
 //獲取接受返回信息層
 var msg = document.getelementbyid("msg");

 //獲取表單對象和用戶信息值
 var f = document.user_info;
 var username = f.user_name.value;
 var userage = f.user_age.value;
 var usersex = f.user_sex.value;

 //接收表單的url地址
 var url = "/save_info.php";

 //需要post的值,把每個變量都通過&來聯接
 var poststr = "user_name="+ username +"&user_age="+ userage +"&user_sex="+ usersex;

 //實例化ajax
 var ajax = initajax();
 
 //通過post方式打開連接
 ajax.open("post", url, true);

 //定義傳輸的文件http頭信息
 ajax.setrequestheader("content-type","application/x-www-form-urlencoded");

 //發送post數據
 ajax.send(poststr);

 //獲取執行狀態
 ajax.onreadystatechange = function() {
  //如果執行狀態成功,那么就把返回信息寫到指定的層里
  if (ajax.readystate == 4 && ajax.status == 200) {
   msg.innerhtml = ajax.responsetext;
  }
 }
}

  大致使用post方式的過程就是這樣,當然,實際開發情況可能會更復雜,這就需要開發者去慢慢琢磨。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲电影免费观看高清完整版在线观看| 色午夜这里只有精品| 国产精品都在这里| 亚洲欧美一区二区三区在线| 亚洲国产成人久久综合| 成人久久一区二区| 亚洲精品在线不卡| 92版电视剧仙鹤神针在线观看| 国产欧美婷婷中文| 亚洲成人国产精品| 成人av番号网| 欧美专区福利在线| 91网站免费观看| 欧美壮男野外gaytube| 国产成人avxxxxx在线看| 久久久亚洲欧洲日产国码aⅴ| 68精品国产免费久久久久久婷婷| 亚洲精品456在线播放狼人| 国产成人激情小视频| 播播国产欧美激情| 亚洲国产精品国自产拍av秋霞| 亚洲va欧美va在线观看| 国产不卡精品视男人的天堂| 啪一啪鲁一鲁2019在线视频| 欧洲美女7788成人免费视频| 精品国产欧美一区二区五十路| 日韩高清人体午夜| 国产精品亚洲欧美导航| 久久成人精品电影| 亚洲精品视频二区| 视频一区视频二区国产精品| 97香蕉久久超级碰碰高清版| 日韩精品在线观| 国产精品视频专区| 日产日韩在线亚洲欧美| 久久精品国产v日韩v亚洲| 精品女同一区二区三区在线播放| 亚洲专区在线视频| 日本亚洲欧美成人| 国产日韩欧美视频在线| 国产区精品在线观看| 91久久嫩草影院一区二区| 亚洲视频综合网| 亚洲精品av在线播放| 久久国内精品一国内精品| 日韩精品极品在线观看播放免费视频| 综合网日日天干夜夜久久| 91精品久久久久久久久久| 国产精品电影观看| 久久在线免费视频| 亚洲精品永久免费精品| 亚洲国产精品久久久久| 日韩在线播放av| 久久久久中文字幕2018| 亚洲人线精品午夜| 97久久伊人激情网| 国产一区二区三区四区福利| 亚洲欧洲成视频免费观看| 欧美激情精品久久久久久蜜臀| 91av在线网站| 国内精品小视频| 久久精品视频免费播放| 91久久精品国产| 精品视频中文字幕| 欧美体内谢she精2性欧美| 欧美激情xxxxx| 国产中文日韩欧美| 日韩电影在线观看免费| 91精品啪在线观看麻豆免费| 欧美视频在线观看 亚洲欧| 成人97在线观看视频| 亚洲精品久久久久| 亚洲电影免费观看高清完整版| 美日韩丰满少妇在线观看| 精品欧美激情精品一区| 亚洲毛片在线看| 欧美激情视频播放| 亚洲精品日韩在线| 成人欧美一区二区三区在线| 91免费综合在线| 日韩中文字在线| 国产成人avxxxxx在线看| 97香蕉久久超级碰碰高清版| 欧美亚洲另类视频| 成人夜晚看av| 精品国产一区二区三区久久狼黑人| 91精品国产高清久久久久久| 欧美日韩亚洲国产一区| 国产精品高清免费在线观看| 亚洲成人激情在线| 成人性生交大片免费看小说| 欧美大胆在线视频| 91精品中国老女人| 国产精品爱久久久久久久| 亚洲精品在线看| 亚洲人在线观看| 亚洲精品99久久久久中文字幕| 亚洲欧美制服中文字幕| 欧美日韩中文字幕综合视频| 这里只有视频精品| 中文字幕亚洲欧美在线| 精品福利视频导航| 国产精品久久久久久久久男| 中文字幕精品国产| 91久久国产精品| 中文字幕亚洲欧美一区二区三区| 91免费看片在线| 日韩免费av片在线观看| 久久久精品中文字幕| 美女福利精品视频| 在线观看精品国产视频| 成人在线视频网站| 亚洲少妇中文在线| 日韩在线观看你懂的| 久久久久久亚洲| 亚洲精品白浆高清久久久久久| 欧美人在线视频| 国产精品精品视频一区二区三区| 欧美一级免费看| 91亚洲va在线va天堂va国| 精品国产区一区二区三区在线观看| 亚洲欧美另类人妖| 日韩h在线观看| 一区二区在线视频| 琪琪亚洲精品午夜在线| 国产一区二区三区欧美| 黑人精品xxx一区| 国产脚交av在线一区二区| 国产精品久久久久久网站| 国产日韩欧美黄色| 色爱精品视频一区| 美女福利视频一区| 欧美综合国产精品久久丁香| 精品国产欧美一区二区三区成人| 日韩高清不卡av| 国产精品久久久久久av| 欧美一级电影在线| 日韩黄色av网站| 久久久最新网址| 国产精品久久久久久久久久久久| 欧美中文在线观看国产| 久久精品国产亚洲精品| 日韩视频在线免费| 国产精品成人免费电影| 精品精品国产国产自在线| 亚洲国产婷婷香蕉久久久久久| 一区二区三区视频在线| 日韩av免费在线观看| 国产精品久久综合av爱欲tv| 亚洲人成在线观| 亚洲精品国产综合区久久久久久久| 久久天天躁狠狠躁夜夜躁2014| 亚洲白虎美女被爆操| 69影院欧美专区视频| 亚洲第一天堂无码专区| 国产精品老牛影院在线观看| 日本欧美在线视频| 亚洲日本成人女熟在线观看| 国产99视频在线观看| 这里只有精品视频在线| 欧美日韩亚洲系列| 国模精品视频一区二区| 精品成人国产在线观看男人呻吟| 国产亚洲成精品久久|