这篇文章是我对Ajax不了解的历史,对Ajax的熟练使用很有帮助。
首先,使用Ajax最原始的方式
复制代码代码如下所示:
VaR技术;
创建XMLHttpRequest对象的实例(){
如果(窗口。ActiveX对象){
XMLHTTP =新的ActiveX对象(微软。XMLHTTP );
} else if(窗口。XMLHttpRequest){
XMLHTTP =新的XMLHttpRequest();
}
}
输入到Ajax函数定义,并查看用户调用
功能show_type(type_id){
警报(id);
CreateXMLHttpRequest();
var url = 。 / / shop_type_status Ajax。phpid =+type_id +时间=+ Math.random();
XmlHttp.open(
xmlhttp.onreadystatechange =函数(){ show_back();}
XmlHttp.send(空);
}
/回调函数,该调用将从PHP文件中的数据获得,返回给用户。
功能show_back(){
如果(xmlhttp.readystate = = 4){
如果(xmlhttp.status = = 200){
/ / document.getelementbyid('cat_id)价值= ID;
document.getelementbyid('type_status).innerHTML = xmlHttp.responseText;
}
}
}
个人分析:这种方法很好,简单灵活,但有一点不好,那就是冗余代码较多,不利于后期维护。
二、JS端包AjaxRequest
对于习惯使用Javascript的人来说,这是一个不错的选择。它是安装在上述的方式,使一个统一的称呼,感觉很好,代码是很多没有放出来,大家可以去谷歌搜索AjaxRequest。
/ / ajaxrequest.js,有这种方法的接口调用视图的方法,并有多个接口添加到案例。
复制代码代码如下所示:
功能ajax_action_fun(URL,好玩){
VaR的Ajax =新AjaxRequest;
ajax.get(
URL,
功能(obj){ alert(obj。responseText);有趣()}
);
}
这个接口是在HTML中调用的。
该方法是get_shop_son_list回调 /名字后执行
ajax_action_fun(, / / shop_ajax Ajax。phptype = 1
功能get_shop_list(resvalue){
您是来此操作的
}
个人分析:弥补了第一种方法的不足,统一调用接口,建立回调函数。如果有,它不是AjaxRequest本身,但在Javascript。让我们举个例子。
Javascript:如果我想打电话给ajax_action_fun,我想在HTML中添加的东西
展示店
jQuery:可以使用它尽可能地分离JS和HTML,这有助于以后的维护和节省大量的时间,例如HTML的全站;
$(。秀工场)Bind(单击。
所以你不需要在HTML写onclick事件
三,jQuery的ajax
1)
复制代码代码如下所示:
$ ajax({
类型:邮政
URL
数据:名称=张
成功:函数(MSG)函数
警报(保存的数据++);
}
});
2)
/ /叫test.php文件,参数,数据返回数据
复制代码代码如下所示:
美元。
函数(数据){
警报()加载的数据:+数据;
});