php抓取网页json数据(ajax读取Json数据的注意事项有哪些,就是实战案例分享)
优采云 发布时间: 2021-12-27 03:07php抓取网页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('GET', 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中文网其他相关文章!