上一篇文章谈到了Ajax请求数据的文本类型。文本和html都处理相对较短的数据。但是在编程过程中使用Ajax调用数据时,不可避免的要进行逻辑处理,接收到的数据变得复杂,比如数组类型的数据。此时,需要使用JSON数据类型进行处理。今天,让我们来谈谈JSON数据请求过程中的一些细节:
我们谨提醒您,本文所需的工具和原材料如下:
Wamp或灯环境,jquery.js,编辑器
具体方法/步骤见下文:
1.创建基本的文件结构json_ajax.html和json_ajax.php,下载jquery.js,如图所示:
2.分别编写json_ajax.html和json_ajax.php文件的代码,如图所示:
分别在w(l)amp环境下运行json_ajax.html和json_ajax.php,运行结果如下:
这个操作的结果应该是正常的,理解起来没有困难。继续往下看。如果你明白这里的困惑,就没必要继续看下去了。
4.分析源代码和运行结果后,知道按钮点击事件是在json_ajax.html中设置的,正常运行结果如下。
如果没有正常显示,请参考我的《jQuery的Ajax之调试》
5.第四步:结果分析:
Console.log(data),直接返回json_ajax.php返回的结果,是json字符串;
Console.log(eval('[' data ']')),用于将json_ajax.php返回的json字符串转换为对象。
“对象”不同于PHP中的进程,但在JS中,所有数据都是对象。也许现在我明白为什么json字符串要转换成object了。在js中处理对象更方便,就像在PHP中处理数据一样,首先想到的是数组。
6.详细信息摘要:
1.php必须返回json,即数据需要用json_encode()处理;
2.2.ajax接受数据后,需要eval()处理,其中'[' data ']'可以使用'(' data ')';
3.console.log()可以替换为alert();
4.这主要是一个流程思路。一旦接收到数据,就可以根据需要对其进行逻辑处理。
上面展示了如何通过Ajax异步请求JSon数据。希望你喜欢。