Ajax的初體驗

1、AJAX的介紹

Ajax 即「Asynchronous Javascript And XML」（異步 JavaScript 和 XML），是指一種建立交互式網頁應用的網頁開發技術。

Ajax = 異步 JavaScript 和 XML（標準通用標記語言的子集）。

Ajax 是一種用於建立快速動態網頁的技術。

Ajax 是一種在無需從新加載整個網頁的狀況下，可以更新部分網頁的技術。

什麼是AJAX？
它一門技術（多門技術結合),它能夠‘悄悄’向服務器傳遞數據，服務器也能夠‘悄悄’向客戶端響應數據，最終實現得是整個頁面沒有從新加載，而實現頁面當中局部刷新數據；

2、Asynchronous(異步)與synchronous （同步）

耗時間相對長一些的語句咱們稱之爲‘異步語句’；Ajax、setInterval、setTimeou、Animate、node.js全都是異步語句

 

<script type="text/javascript">
 for(i in window){
     console.log(i);  
 }
 console.log('歡夏'); //同步先執行for循環輸出，再輸出歡夏 **************************************************************** var j=0; setInterval(function(){ j++; console.log(j); },1000); console.log('歡夏'); //異步先執行歡夏，再輸出定時1s後依次累加輸出數據。。。 </script>

3、JQ當中ajax的應用

前端工程師下載經常使用的JS文件的地址：http://cdn.code.baidu.com/  百度靜態資源庫

1.引用jquery.js

2.ajax在頁面的應用：提示：①$.get(地址,callback);   (get,post請求都是上行請求)

案例：好比，在頁面當中有一個按鈕，點擊這個按鈕獲取到服務器上面的文本的數據； 改變頁面的局部數據。

 

<script type="text/javascript">
         $("button:eq(0)").click(function (argument) { //發起一個GET請求 $.get("result/info.txt",function (data) { $("p").eq(0).html(data); }) }) //用定時器證實整個頁面沒有從新加載 var i = 0; setInterval(function(argument) { i++; $("h1").html(i) },100); </script>