AJax技术

JavaScript学习总结之JS、AJAX应用(6)

字号+ 作者:H5之家 来源:H5之家 2016-02-06 15:02 我要评论( )

上面的代码,写起来也没什么难度,都是一些基础的知识,在浏览器打开自定义的个人站点,点击读取按钮之后,JSON 文件中存的数据,就会以为列表的形式显示在页面上,这里只是简单的做了一个效果,我们还可以给他定义

  上面的代码,写起来也没什么难度,都是一些基础的知识,在浏览器打开自定义的个人站点,点击读取按钮之后,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 这门艺术,我们的路还很长。

更多热点信息信息请查看: 热点信息

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Ajax学习之什么是Ajax,Ajax原理

    Ajax学习之什么是Ajax,Ajax原理

    2016-01-25 18:01

  • 学习JavaScript设计模式之代理模式

    学习JavaScript设计模式之代理模式

    2016-01-25 17:02

  • javascript、jquery、AJAX总结

    javascript、jquery、AJAX总结

    2016-01-25 17:00

  • ajax学习笔记(二)

    ajax学习笔记(二)

    2016-01-25 15:04

网友点评
o