Jquery ajax基础教程

Jquery ajax基础教程

jQuery的Ajax带来了无需刷新的web页面革命。这里就详细介绍一下jQuery所涉及到的Ajax操作。(无需特殊说明,均需要有服务器配置,这里本人用的是Tomcat 7)

1.基于请求加载文件数据

这里的请求通常都是网页的某些操作,如点击等。

而其加载数据的类型归类为以下四种:a.加载HTML文件;b.加载JSON文件;c.加载Javascript文件;d.加载XML文件。

其对应的四种加载方法分别是:load、getJSON、getScript、get。

a.加载HTML文件

把编写好的HTML文件加载到网页中。例如:

//load方法加载html文件
$(#letter-a a).click(function(){
$(#dictionary).load(a.html);
return false;
});

这里a.html也是放在服务器端的一个已经编写好的页面文件,直接调用load,就可以让所匹配的目标内载入HTML内容。

b.加载JSON文件

把编写好的JSON文件加载到网页中。例如:

//加载json文件
$(#letter-b a).click(function(){
$.getJSON(b.json,function(data){
var html = ;
$.each(data,function(entryIndex, entry){
html = “

© 版权声明

相关文章

暂无评论

none
暂无评论...