這篇文章,是我不知道什么是ajax到熟練運用ajax的一個歷程。
一,最原始的方式來運用ajax
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
//定義了一個ajax的入口函數(shù),供用view層用戶調(diào)用
function show_type(type_id) {
// alert(id);
createXMLHttpRequest();
var url = "../ajax/shop_type_status.php?id="+type_id+"&time="+Math.random();
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = function(){ show_back();}
xmlHttp.send(null);
}
//回調(diào)函數(shù),將從調(diào)用的php文件中取得的數(shù)據(jù),反還給用戶
function show_back() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
//document.getElementById('cat_id').value = id;
document.getElementById('type_status').innerHTML = xmlHttp.responseText;
}
}
}
</SCRIPT>
二,js端封裝的ajaxrequest
這個東西,對于習(xí)慣了用javascript的人來說,是一個不錯的選擇,它是裝上面所說的那種方法簡單的封裝了一下,做了統(tǒng)一的調(diào)用。感覺不錯,代碼挺多的就不貼出來了,大家可以到google搜ajaxrequest。
//ajaxrequest.js里面有一個這個方法這個方法是供view端調(diào)用的接口,接口可以有多個,根據(jù)情況自己加
//html里面調(diào)用這個接口
get_shop_son_list //是回調(diào)后執(zhí)行的方法名
ajax_action_fun("../ajax/shop_ajax.php?type=1",get_shop_list);
function get_shop_list(resValue){
//這里就是你要的操作
}
javascript:如果我想調(diào)用ajax_action_fun這個方法我要在html里加個東西
<a class="showshop" href='javascript:' onclick=ajax_action_fun("../ajax/shop_ajax.php?type=1",get_shop_list);>顯示店</a>
jquery:用它可以盡量把js和html分開,這對于后期維護是很幫助的,會節(jié)省很多時間,例如,全站換html;
$(".showshop").bind("click", {url: "../ajax/shop_ajax.php?type=1",function:get_shop_list}, ajax_action_fun);
這樣就可以不用在html里面寫onclick事件了
三,jquery的ajax
1)
新聞熱點
疑難解答