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