ajax的几种用法概述(及优缺点介绍) 浏览:978

这篇文章是我对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文件,参数,数据返回数据
复制代码代码如下所示:
美元。
函数(数据){
警报()加载的数据:+数据;
});
推荐文章1
广告