php读本地json文件内容,php读取本地json文件的实例

1.data.json文件{"goods":[{"type":1,"name":"wow精选","product":[{"id":98,"name":"真皮大衣","title":"单桶原酿酒 威士忌 新春礼盒 限量独家","titleDesc":"苏格兰麦芽糖,中国定制版","price":1298.00},{"id":99,"name":"品牌内衣","title":"单桶原酿酒 威士忌 新春礼盒 限量独家222","titleDesc":"苏格兰麦芽糖,中国定制版222","price":1298.00}]},{"type":2,"name":"特惠商品","product":[]}]}

2.php文件<?php echo "获取页面传来的参数"; $type = $_GET["type"]; $proId = $_GET["id"]; echo $type."产品type"; echo $proId."产品Id"; // 从文件中读取数据到PHP变量 $json_string = file_get_contents("json/data.json"); // 用参数true把JSON字符串强制转成PHP数组 $data = json_decode($json_string, true); // 显示出来看看 // var_dump($json_string); // var_dump ($data); // print_r($data); //产品循环 function foreachFun($d,$type,$proId) { foreach ($d["goods"] as $key => $value) { if($value["type"] == $type){ $results = $value; } } foreach ($results["product"] as $key => $value) { if($value["id"] == $proId){ $result = $value; } } return $result; } $res = foreachFun($data,$type,$proId); print_r($res); ?>

以上这篇php读取本地json文件的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持网页设计。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,我们需要使用Vue提供的`axios`库来读取本地的JSON文件。假设我们的JSON文件名为`data.json`,它在`public`文件夹中。 在Vue组件中,我们可以这样使用`axios`来读取JSON文件: ```javascript import axios from 'axios' export default { data() { return { chartData: null } }, mounted() { axios.get('/data.json') .then(response => { this.chartData = response.data this.drawChart() }) .catch(error => { console.log(error) }) }, methods: { drawChart() { // 在这里使用数据绘制echarts图表 } } } ``` 在`mounted`钩子函数中,我们使用`axios.get('/data.json')`来获取JSON文件的数据,并将数据赋值给`chartData`。如果读取成功,我们调用`drawChart`方法来使用数据绘制echarts图表。 接下来,我们需要在`drawChart`方法中使用数据绘制echarts图表。假设我们要绘制一个柱状图,我们可以这样做: ```javascript import echarts from 'echarts' export default { // ... methods: { drawChart() { // 使用数据绘制echarts图表 const chart = echarts.init(document.getElementById('chart-container')) const option = { xAxis: { type: 'category', data: this.chartData.labels }, yAxis: { type: 'value' }, series: [{ data: this.chartData.values, type: 'bar' }] } chart.setOption(option) } } } ``` 在这个例子中,我们在Vue组件中引入了echarts库,并在`drawChart`方法中初始化了echarts实例,并定义了我们要绘制的柱状图的配置项。我们从`chartData`中获取了标签和值,并将它们分别作为X轴和Y轴的数据。最后,我们调用`chart.setOption(option)`将配置项应用到echarts实例中,并绘制出图表。 最后,我们需要在模板中定义一个元素来承载我们绘制的图表: ```html <template> <div> <div id="chart-container" style="width: 100%; height: 300px;"></div> </div> </template> ``` 在这个例子中,我们定义了一个ID为`chart-container`的`div`元素,它将用来承载我们绘制的echarts图表。我们为它设置了宽度和高度,以适应不同的屏幕尺寸。 以上就是在Vue中读取本地JSON文件并使用echarts绘制图表的方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值