上面的代码,写起来也没什么难度,都是一些基础的知识,在浏览器打开自定义的个人站点,点击读取按钮之后,JSON 文件中存的数据,就会以为列表的形式显示在页面上,这里只是简单的做了一个效果,我们还可以给他定义样式,或者可以创建一个表格,让他更友好的显示。
这里在网上看到了一个方法,在处理 AJAX 请求得到 JSON 数据响应时,也就是服务器返回的 JSON 字符串,需要做一次对象化处理,可以不使用 eval() 方法,而是使用 new Function() 代替,新的 Function() 构造就类似于 eval(),或者使用 jQuery 提供的 $.getJSON() 方法获得服务器返回,那么就可以不使用 eval() 方法了。具体操作如下:
?
1
2
//var arr = eval(str);
var arr = (new Function('', 'return' + str)());
此时的 arr 就会被解析成一个 JSON 对象了,然后再使用循环遍历,将数据插入到新建的 li 元素中。
10、AJAX 总结
我们只是重点讲了一些 AJAX 最基础的知识,到这里,就可以使用 AJAX 做一些基本的应用了,但是 AJAX 不仅仅在于此,他有很多非常高级而且很实际的应用,比如一些大型系统如何使用 AJAX 搭建,如何编写一套完整的 AJAX 交互程序,还有跨域,还有JSONP等,要想真正的掌握 AJAX 这门艺术,我们的路还很长。
更多热点信息信息请查看: 热点信息