ajax 快速入門

為雙峰等地區用戶提供了全套網頁設計制作服務，及雙峰網站建設行業解決方案。主營業務為成都網站建設、成都網站設計、雙峰網站設計，以傳統方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

ajax作用:ajax 是在不重新加載整個頁面的情況下與服務器交換數據并更新部分網頁的技術.(實現瀏覽器與服務器之間的數據交互,實現頁面的無刷新請求服務器,提高用戶體驗)

基本使用:

1.創建ajax對象:

new XMLHttpRequest() //普通瀏覽器使用,ie瀏覽器有特殊

2.創建事件函數(處理服務器返回的結果):

onreadystatechange

readyState  ajax對象狀態:0:請求未初始化 1:服務器連接已建立 2:請求已接收 3:請求處理中 4請求已完成,且響應

status 響應碼:200:'ok'   404:未找到頁面  403:權限不足

responseText  接受服務器的返回的數據

3.初始化ajax請求

get --- xmlhttp.open('GET',1.php?a=1&b=2&c-3',true);

post --- xmlhttp.setRequestHeader('content-type','application/x-www-form-urlencoded"):

xmlhttp.open('POST','1.php',true);

4.發送ajax請求 --- send()

服務器返回

1. echo 普通的字符串

2. 普通html文件

3. 返回xml字符串

4. 索引數組

5. 關聯數組

注意事項

同源策略-當前頁面要和服務器的協議地址和端口都要相同

post發送ajax請求

--- setRequestHeader("content-type','application/x-www-from-urlencoded");

--- 發送參數 send("a=100&b=www")

firebug的使用

例子: <script type="text/javascript"> //1.創建ajax對象 var x = new XMLHttpRequest; //2.觸發事件 x.onreadystatechange = function(){      // on  ready 準備 state狀況 changge     if(x.readyState == 4 && x.status == 200){         console.log(x.responseText);   //返回的結果         } } //3.初始化 x.open('GET','fuxi.php?id=100',true);   //true 異步 false是同步 //4 發送 x.send();  //發送ajax 如果是post 方式 3步和4步發生改變 x.open('POST','3.php',true); x.setRequestHeader('content-type','application/x-www-form-urlencoded');重要 x.send('a=100&b=200');

配合php PDO預處理

<?php  $id = $_GET['id']; $pdo = new PDO('mysql:host=localhost;dbname=pass;charset=utf8','root','123456'); //準備預處理 $stmt = $pdo->prepare('select * from phones where id = ?'); //賦值 $arr = [$id]; //執行 $stmt->execute($arr); //獲取結果 $res = $stmt->fetch(PDO::FETCH_ASSOC); // var_dump($res); $row = json_encode($res); echo $row;

另外有需要云服務器可以了解下創新互聯cdcxhl.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網站標題：ajax快速入門-創新互聯
當前網址：http://vcdvsql.cn/article22/pgejc.html

成都網站建設公司_創新互聯，為您提供動態網站、網站設計、ChatGPT、App開發、品牌網站建設、軟件開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯