文章出處

推薦一款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)

復制代碼