ajax與php簡單瞭解

時間 2019-11-12

標籤 ajax php 簡單瞭解欄目 Ajax 简体版

原文原文鏈接

什麼是ajax？　　javascript

　　Ajax 即「Asynchronous Javascript And XML」（異步 JavaScript 和 XML，現現在xml被json取代），是指一種建立交互式網頁應用的網頁開發技術php

　　Ajax 是一種用於建立快速動態網頁的技術。經過在後臺與服務器進行少許數據交換，Ajax 可使網頁實現異步更新。這意味着能夠在不從新加載整個網頁的狀況下，對網頁的某部分進行更新。html

ajax的優缺點：html5

　　優勢：使用Ajax的最大優勢，就是能在不更新整個頁面的前提下維護數據。這使得Web應用程序更爲迅捷地迴應用戶動做，並避免了在網絡上發送那些沒有改變的信息。java

　　　　　Ajax不須要任何瀏覽器插件，但須要用戶容許javascript在瀏覽器上執行。Ajax應用程序必須在衆多不一樣的瀏覽器和平臺上通過嚴格的測試。web

　　缺點：它可能破壞瀏覽器的後退與加入收藏書籤功能。在動態更新頁面的狀況下，用戶沒法回到前一個頁面狀態，這是由於瀏覽器僅能記下歷史記錄中的靜態頁面。一個被完整讀入的頁面與一個已經被動態修改過的頁面之間的可能差異很是微妙；ajax

　　　　　用戶一般都但願單擊後退按鈕，就可以取消他們的前一次操做，可是在Ajax應用程序中，卻沒法這樣作。不過目前已有相關技術能夠解決該弊端。方法有兩個：（1）html5以前的方法大可能是在用戶單擊後退按鈕訪問歷史記錄時，經過建立或json

　　　　　使用一個隱藏的IFRAME來重現頁面上的變動。（2）html5之後能夠直接操做瀏覽歷史，並以字符串形式存儲網頁狀態，將網頁加入網頁收藏夾或書籤時狀態會被隱形地保留。瀏覽器

ajax工做原理：服務器

ajax應用場景：

　　　　　　前臺獲取數據

　　　　　　　表單的失焦驗證

php簡單介紹：

　　　　PHP（外文名:PHP: Hypertext Preprocessor，中文名：「超文本預編譯語言」）是一種通用開元腳本語言。語法吸取了C語言、Java和perl的特色，利於學習，使用普遍，主要適用於web開發領域。PHP還能夠執行編譯後代碼，

　　　　編譯能夠達到加密和優化代碼運行，使代碼運行更快。

　　　　PHP 文件可包含文本、HTML、JavaScript代碼和 PHP 代碼

　　　　PHP 代碼在服務器上執行，結果以純 HTML 形式返回給瀏覽器

　　　　PHP 文件的默認文件擴展名是 ".php"

php基礎語法：

　　　　PHP 腳本以 <?php 開始，以 ?> 結束：

　　　　PHP 中的每一個代碼行都必須以分號結束。分號是一種分隔符，用於把指令集區分開來。

　　　　經過 PHP，有兩種在瀏覽器輸出文本的基礎指令：echo 和 print。

PHP 變量規則：

　　　　變量以 $ 符號開始，後面跟着變量的名稱

　　　　變量名必須以字母或者下劃線字符開始

　　　　變量名只能包含字母數字字符以及下劃線（A-z、0-9 和 _ ）

　　　　變量名不能包含空格

　　　　變量名是區分大小寫的（$y 和 $Y 是兩個不一樣的變量）

　　　　PHP 會根據變量的值，自動把變量轉換爲正確的數據類型。

　　　　　　字符串之間使用 " . " 鏈接

get和post的區別：
　　　　get參數是在地址欄中，大小2000個字符左右
　　　　post參數是在請求體中，網速良好，理論上是無限大的

在服務器（xxamp）中運行php文件的方法：

　　　　localhost:+端口號
　　　　127.0.0.1+端口號
　　　　ip+端口號

ajax實例：

 1 // 1.建立ajax對象-xmlhttprequest對象
 2         // XMLHttpRequest 對象
 3 
 4         // variable=new XMLHttpRequest();    新版本的瀏覽器
 5         // variable=new ActiveXObject("Microsoft.XMLHTTP");    //老版本的IE  ，IE5，IE6
 6         var xhr;
 7         if(window.XMLHttpRequest){    //常規，若是有，直接使用
 8             xhr = new XMLHttpRequest();
 9         }else{   //若是沒有，老版本IE
10             xhr = new ActiveXObject("Microsoft.XMLHTTP");
11         }
12         console.log(xhr)
13         console.log("狀態碼:" + xhr.readyState);
14         console.log('響應碼：' + xhr.status);
15         console.log('響應文本:' + xhr.responseText);
16         console.log('步驟一完成')
17 
18 
19         // 2.經過監聽ajax的狀態的改變來監聽
20         xhr.onreadystatechange = function(){
21             console.log('xhr的狀態碼發生了改變');
22             console.log("狀態碼:" + xhr.readyState);
23             console.log('響應碼：' + xhr.status);
24             console.log('響應文本:' + xhr.responseText);
25             console.log('\n');
26         }
27         console.log('步驟二完成')
28 
29         // 3.建立請求的消息，鏈接服務器      狀態碼0=>1
30         xhr.open('GET','07.php',true);    //最後一個參數是bool，表示同步||異步，true異步
31         console.log('步驟三完成')
32 
33         // 4.發送
34         xhr.send(null);   //若是是post請求，就放post參數，若是是get請求，發送null就好了