說到ajax認識它已經好幾年，但是之前所謂的認識只是簡簡單單的會用罷了，最近這段時間用戶體驗的呼聲一直很高，我們的系統也是時候開始進行改造了。
所以藉着這個機會，我又開始重新認識重新學習了下jquery和ajax的一些基礎用法，希望會對我改造前臺系統有幫助。
下面是自己在網上找了一本電子書，用了差不多一天多的時間總結出來的東西，算是給自己一個交代，給別人一些幫助吧。
XMLHttpRequest 是 Ajax 應用程序的核心
Microsoft 瀏覽器 Internet Explorer 使用 MSXML 解析器處理 XML
接下來就是在所有 Ajax 應用程序中基本都雷同的流程：
1、從 Web 表單中獲取需要的數據。
2、建立要連接的 URL。
3、打開到服務器的連接。
4、設置服務器在完成後要運行的函數。
5、發送請求。
#id
<body>
<div id="d1">hello jquery</div>
</body>
function f(){
$('#d1').css('font-size','30px');
}
.class
<body>
<div class="s1">hello jquery</div>
<div class="s1">hello js</div>
</body>
function f(){
$('.s1').css('font-size','30px');
}
element
<body>
<div id="d1">hello jquery</div>
<div class="s1">hello js</div>
</body>
function f(){
$('div').css('font-size','30px');
}
selector1,selector2
<body>
<div id="d1">hello jquery</div>
<div class="s1">hello js</div>
<p>空格鍵</p>
</body>
function f(){
$('#d1,.s1,p').css('font-size','30px'):
}
select1空格select2
根據select1找到節點後，再去尋找子節點中符合select2的節點（重要）
<body>
<div id="d1">
<div id="d2">你好</div>
<div class="s1">hello js</div>
<p>空格鍵</p>
</div>
</body>
function f(){
$('#d1 div').css('font-size','30px');
}
html(),text()
<div class="s1">
<span>hello js</span>
</div>
function(){
alert($('#s1').html());
alert($('#s1').text());
}
val()
<input name="uname"/>
function f(){
alert($(':text').val('空白格'));
}
attr()
<div class="s1">
<span>hello js</span>
</div>
function(){
$('#d1').attr('style','color:red;');
}
DOM對象轉換成Jquery對象
function f1(){
var obj=document.getElementById('a1');
var $obj=$(obj);
alert($obj.html());
}
click事件操作表示觸發了click事件$obj.click()
function f1(){
$('#d1').click(function(){
$(this).html('hello ajax');
});
}
load()：將服務器返回的數據字節添加到符合要求的節點上
$obj.load(請求地址，請求參數);
有請求參數時，load方法發送post請求，否則發送get請求
get()：發送get類型的請求
$.get(請求地址，請求參數，回調函數，服務器返回的數據類型)
服務器返回的數據類型：
html：html文本
text：文本
json：js對象
xml：xml對象
script：javascript腳本
ajax():$.ajax({});內部選項參數爲：
url:請求地址
type：請求方式
data：請求參數
datatype：服務器返回的數據類型
success：服務器正常對應的回調函數
error：服務器出錯對應的回調函數。
async：true（缺省），當值爲false時發送同步請求
還有一些自己的寫的下例子。也一併奉上。。其中最後的一個例子是模仿百度的提示功能。 這裏是百度雲的鏈接點擊打開鏈接