• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >AJAX > Ajax异步请求JSon数据(图文详解)

Ajax异步请求JSon数据(图文详解)

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了Ajax异步请求JSon数据(图文详解)等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

上一篇讲了Ajax请求数据text类型,text和html都是处理比较简答的数据,而在编程过程中使用Ajax调用数据的时候,难免要进行逻辑的处理,接受的数据也变的复杂比如数组类型的数据,这时候就需要使用JSON数据类型进行处理,今天就说说,JSON数据请求过程中的一些细节:

友情提醒本文所需工具和原料如下:

wamp或lamp环境、jquery.js、编辑器

具体方法/步骤请看下面:

1.创建基本的文件结构json_ajax.html和json_ajax.php,下载jquery.js,如图:

2.如图分别编写json_ajax.html和json_ajax.php文件的编码:

3.分别在w(l)amp环境下运行json_ajax.html和json_ajax.php,运行结果如图:

这个运行的结果应该是正常的,理解上没有困难的,继续向下看,如果这里理解困惑,就没必要在继续阅读的必要了。

4.经过源码和运行结果的分析,知道了在json_ajax.html中设置了按钮的点击事件,点击按钮,正常的运行结果如下图;

若没有正常的显示,可参考我的《jQuery的Ajax之调试》

5.第4步结果分析:

console.log(data),直接将json_ajax.php返回的结果返回,就是json字符串;

console.log(eval('['+data+']')),这样做的目的是将json_ajax.php返回的json字符串转换成对象。

‘对象'在PHP里面是区别于过程的,但是在JS中,所有的数据都是对象,或许现在有点明白了,为什么要将json字符串转换成对象了;在js中处理对象更方便,就像在PHP中处理数据的时候,首先想到的是数组(array)一样。

6.细节总结:

     1.php返回的必须是json,即是需要将数据用json_encode()处理;

     2.ajax接受数据之后,需要eval()处理,里面'['+data+']'可以用'('+data+')';

     3.console.log()可以使用alert()代替;

     4.在此主要是过程思路,一旦接收到data数据,就可以按需求进行逻辑处理了。

以上通过图文并茂的方式给大家展示了Ajax异步请求JSon数据,希望大家喜欢。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11流行的Ajax应用演示和源码下载
  • 2017-05-11AJAX 常用函数创建XMLHTTP对象,区别IE,Mozilla浏览器
  • 2017-05-11变量冲突处理
  • 2017-05-11jQuery Ajax的readyState和status的区别和使用详解
  • 2017-05-11Ajax异步方式实现登录与验证
  • 2017-05-11浅析json与jsonp区别及通过ajax获得json数据后格式的转换
  • 2017-05-11AJAX初体验之上手篇
  • 2017-05-11浅谈Ajax相关及其优缺点
  • 2017-05-11jquery中的ajax同步和异步详解
  • 2017-05-11ajax用json实现数据传输

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 基于Ajax+div的“左边菜单、右边内容”页面效果实现
    • 十大最佳Ajax教程收集(图文)
    • Ajax风格的一款网页Loading效果
    • 浅谈Ajax的缓存机制
    • ajax技术制作得在线歌词搜索功能
    • ajax结合豆瓣搜索结果进行分页完整代码
    • pushState实现Ajax无刷新页面切换
    • Ajax基础详解教程(一)
    • ajax翻页效果模仿yii框架自己写的
    • Ajax异步请求JSon数据(图文详解)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有