php抓取网页json数据(ajax读取Json数据的注意事项有哪些,就是实战案例分享)

优采云 发布时间: 2021-12-27 03:07

  php抓取网页json数据(ajax读取Json数据的注意事项有哪些,就是实战案例分享)

  这次给大家带来Ajax读取Json数据的方法。 Ajax读取Json数据有哪些注意事项?下面是一个实际案例。我们来看看。

  本文将与大家分享如何使用ajax读取Json中的数据。

  一、基础知识

  什么是json?

  JSON 指的是 JavaScript Object Notation(JavaScript Object Notation)

  JSON 是一种轻量级的文本数据交换格式

  JSON 独立于语言 *

  JSON 具有自我描述性且更易于理解

  JSON 使用 JavaScript 语法来描述数据对象,但 JSON 仍然独立于语言和平台。 JSON 解析器和 JSON 库支持多种不同的编程语言。

  JSON-转换为 JavaScript 对象

  JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。

  由于这种相似性,不需要解析器,JavaScript 程序可以使用内置的 eval() 函数从 JSON 数据生成原生 JavaScript 对象。

  二、在 Json 中读取数据

  首先我写了一个收录

内容的 Json 文件。注意格式。

  

  图1 编写json文件

  然后,编写html代码并引用ajax。

  

使用AJAX异步读取json

window.onload=function()

{

/*获得按钮*/

var aBtn=document.getElementById('btn1');

//给按钮添加点击事件

aBtn.onclick=function()

{

//调用ajax函数

ajax('data.json',function(str){

//将JSON 数据来生成原生的 JavaScript 对象

var arr=eval(str);

alert(arr[0].b);

});

};

};

读取json里面的数据 <br />

  封装的AJAX函数代码如下:

  /*

AJAX封装函数

url:系统要读取文件的地址

fnSucc:一个函数,文件取过来,加载完会调用

*/

function ajax(url, fnSucc, fnFaild)

{

//1.创建Ajax对象

var oAjax=null;

if(window.XMLHttpRequest)

{

oAjax=new XMLHttpRequest();

}

else

{

oAjax=new ActiveXObject("Microsoft.XMLHTTP");

}

//2.连接服务器

oAjax.open(&#39;GET&#39;, url, true);

//3.发送请求

oAjax.send();

//4.接收服务器的返回

oAjax.onreadystatechange=function ()

{

if(oAjax.readyState==4) //完成

{

if(oAjax.status==200) //成功

{

fnSucc(oAjax.responseText);

}

else

{

if(fnFaild)

fnFaild(oAjax.status);

}

}

};

}

  下一步是读取文件的内容。在此之前,有一点需要说明的是,AJAX 从服务器读取文件,因此将写入的 JSON 文件放在服务器的路径中。学者们接触过的唯一服务器是IIS。其文件路径为 C:\inetpub\wwwroot\aspnet_client\system_web。把Json放在这个路径下,使用localhost访问服务器即可。

  

  相信看完本文的案例你已经掌握了方法。更多精彩请关注php中文网其他相关文章!

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线