推薦一款jQueryajax插件（Ajaxify jQuery ）

此插件至關強悍，但最後一個版本是在2008年，做者好久沒更新了，我在尋找了好多關羽ajax的工具，沒有發現比這個更靈活的了，也發現了與此插件相似的，近期有更新，但相比之下尚未這個成熟，我在後臺中就應用了它，

網址， http://max.jsrhost.com/ajaxify/ 英文的，推薦用google瀏覽器瀏覽，自動翻譯，被牆了的話用代理吧

說一下簡單用法，第一步，載入jq庫和此插件

複製代碼

<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery.ajaxify.js"></script>

而後寫出選擇器代碼

複製代碼

<script type="text/javascript">
$('.demo').ajaxify();
</script>

這樣就能夠在頁面中使用ajax連接了
---------------------------------------------------------------------------------------------------------------------------------------------------
使用方法

好比超連接

複製代碼

<a class="demo" href="index.php" target="#container">載入index.php的內容載入到container</a>
<div id="container"></div>

這個例子就是將index.php裏的內容動態加載到id爲「container」的div中，在學習ajax過程當中你會遇到使用js的InnerHtml載入<script>標籤沒法運行的狀況，這個插件沒有這個問題，你能夠動態載入任何內容，（除jquery庫文件和插件自己外）

插件用法至關靈活另外一種用法

複製代碼

<a id="demo" href="#">這是超連接</a>
<div id="container"></div>
<script type="text/javascript">
$('#demo').ajaxify({
link:'index.php',
target: '#container'
});
</script>

-------------------------------------------------------------

以上例子舉出瞭如何使用ajax請求，那麼咱們知道ajax是向div載入少許代碼，而且不能載入jquery庫怎麼辦？若是我想要向div載入index.php中的一部分代碼怎麼辦？

很簡單，好比index.php中的代碼是這樣的，

複製代碼

echo "1111111111";
echo "2222222222";

我只想向div載入index.php中的1111111111這個代碼片斷，首先你要在php文件中做出標記：像這樣

複製代碼

if($ajax==true){
echo "1111111111";
}else{
echo "2222222222";
}

而後要用到這個插件中全局配置中的參數，插件默認的是，「ajax=true」，

也就是說你要這樣寫

複製代碼

<script type="text/javascript">
$('#demo').ajaxify({
link:'index.php?ajax=true', //其實這裏你也能夠沒必要加上「ajax=true」由於你的連接請求是經過這個ajax插件，也就默認含有ajax=true只是你看不見而已
target: '#container'
});
</script>

這樣即可讓container只載入index.php中的echo"1111111"; 的代碼了，

這個例子講的是，你能夠只動態載入少許html代碼，而不用在此載入大量的js、和css樣式，只要加上ajax=true就是ajax請求，你能夠根據要求用語句執行，哪些爲ajax請求時不須要載入的代碼，而不加也不會影響你正常超連接請求時的css樣式和js功能

---------------------------------------------------------------------------------------------------------------------

ajax提交表單的方法(其實就多了一個form標籤的id)

複製代碼

<form id="form1">
表單內容
<a id="demo" href="">提交表單</a>
</form>
<div id="container">這裏顯示提交表單後返回的參數</div>
<script type="text/javascript">
$('#demo').ajaxify({
forms:'#form1',
link:'index.php',
target: '#container'
});
</script>

我舉得例子都是至關簡單的，官方站立包含了至關詳細的例子，包括load圖片參數、觸發參數，如點擊觸發，雙擊觸發，頁面載入完畢後觸發，某表單獲得焦點後觸發（可做爲表單驗證），表單失去焦點後觸發等