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

优采云 发布时间: 2022-02-15 21:03

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

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

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

  一、基础知识

  什么是json?

  JSON 代表 JavaScript 对象表示法

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

  JSON 与语言无关*

  JSON 是自描述的,更容易理解

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

  JSON - 转换为 JavaScript 对象

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

  由于这种相似性,在没有解析器的情况下,JavaScript 程序可以使用内置的 eval() 函数从 JSON 数据生成原生 JavaScript 对象。

  二、读取Json中的数据

  首先我编写了一个收录内容的 Json 文件。注意格式。

  

  图一:写一个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人工客服


线