最近在研究在网页中嵌入hightchart的表格 在嵌入时发现需要在javascript中得到后台的一组数据 代码如下
<code><?php require_once('include.php'); //得到所有水果 $sql = "select * from fruit"; function getallfruit($sql){ $rows = fetchAll($sql); return $rows; } $rows=getallfruit($sql); $n = getResultNum($sql); ?> <title>查找</title> <script src="jquery-2.1.1.min.js"></script> <script src="highcharts.js"></script> <div> <table> <tr> <td>id</td> <td>名称</td> <td>价格</td> <td>销量</td> <td>数量</td> </tr> <?php foreach ($rows as $row):?> <tr> <td><?php echo $row["id"]?></td> <td><?php echo $row["name"]?></td> <td><?php echo $row["price"]?></td> <td><?php echo $row["salenum"]?></td> <td><?php echo $row["num"]?></td> </tr> <?php endforeach;?> </table> <p>一共得到<?php echo $n ?>条数据</p> </div> <div id="container" style="min-width:800px;height:400px"></div> <script type="text/javascript"> $(function () { $('#container').highcharts({ //图表展示容器,与div的id保持一致 chart: { type: 'column' //指定图表的类型,默认是折线图(line) }, title: { text: '水果表' //指定图表标题 }, xAxis: { categories: ['价格','销量','数量' ]//指定x轴分组 }, yAxis: { title: { text: 'something' //指定y轴的标题 } }, series: [ { //指定数据列 name: 'Point',//声明在当前函数中的数组对象 data: [1,2,3], //数据 }, { //指定数据列 name: 'Point1',//声明在当前函数中的数组对象 data: [1,3,5], //数据 }, { //指定数据列 name: 'Point2',//声明在当前函数中的数组对象 data: [2,4,6], //数据 } ] }); }); </script> </code>
这只是测试的 我需要在series中得到数据并且显示在网页上
下面是显示的样子
回复内容:
最近在研究在网页中嵌入hightchart的表格 在嵌入时发现需要在javascript中得到后台的一组数据 代码如下
<code><?php require_once('include.php'); //得到所有水果 $sql = "select * from fruit"; function getallfruit($sql){ $rows = fetchAll($sql); return $rows; } $rows=getallfruit($sql); $n = getResultNum($sql); ?> <title>查找</title> <script src="jquery-2.1.1.min.js"></script> <script src="highcharts.js"></script> <div> <table> <tr> <td>id</td> <td>名称</td> <td>价格</td> <td>销量</td> <td>数量</td> </tr> <?php foreach ($rows as $row):?> <tr> <td><?php echo $row["id"]?></td> <td><?php echo $row["name"]?></td> <td><?php echo $row["price"]?></td> <td><?php echo $row["salenum"]?></td> <td><?php echo $row["num"]?></td> </tr> <?php endforeach;?> </table> <p>一共得到<?php echo $n ?>条数据</p> </div> <div id="container" style="min-width:800px;height:400px"></div> <script type="text/javascript"> $(function () { $('#container').highcharts({ //图表展示容器,与div的id保持一致 chart: { type: 'column' //指定图表的类型,默认是折线图(line) }, title: { text: '水果表' //指定图表标题 }, xAxis: { categories: ['价格','销量','数量' ]//指定x轴分组 }, yAxis: { title: { text: 'something' //指定y轴的标题 } }, series: [ { //指定数据列 name: 'Point',//声明在当前函数中的数组对象 data: [1,2,3], //数据 }, { //指定数据列 name: 'Point1',//声明在当前函数中的数组对象 data: [1,3,5], //数据 }, { //指定数据列 name: 'Point2',//声明在当前函数中的数组对象 data: [2,4,6], //数据 } ] }); }); </script> </code>
这只是测试的 我需要在series中得到数据并且显示在网页上
下面是显示的样子
方案1:AJAX请求
方案2:如你上边的已经PHP读取了数据那把PHP数据变为JS对象/数组。
要么你的后台模板支持在 JavaScript 中内插表达式,要么就暴露一个 API 接口给 JavaScript 来做请求(AJAX),一般推荐后一种方法。接口按照 JavaScript 的要求把格式化的数据发送出去,发送的数据格式可以是 XML,当然 JSON 更好,很容易转换成 JavaScript 对象。
楼主贴的代码是php代码和html混合的,所以服务端的数据可以像html里的数据一样直接输出在script脚本了
script中的代码类似于这样
<code>var data = "<?php echo $data ?>"; </code>
之前php要预处理下数据类似这样
<code><?php $arr = array(22,44,5655);// 数据数组 $data = json_encode($arr); ?> </code>
一个异步接口去拉数据就可以了。
<code>$.get('/path/to/file', function(data) { if(data){ //将数据塞到你的相应的dom节点中就OK了 } /}); </code>

php把负数转为正整数的方法:1、使用abs()函数将负数转为正数,使用intval()函数对正数取整,转为正整数,语法“intval(abs($number))”;2、利用“~”位运算符将负数取反加一,语法“~$number + 1”。

实现方法:1、使用“sleep(延迟秒数)”语句,可延迟执行函数若干秒;2、使用“time_nanosleep(延迟秒数,延迟纳秒数)”语句,可延迟执行函数若干秒和纳秒;3、使用“time_sleep_until(time()+7)”语句。

php除以100保留两位小数的方法:1、利用“/”运算符进行除法运算,语法“数值 / 100”;2、使用“number_format(除法结果, 2)”或“sprintf("%.2f",除法结果)”语句进行四舍五入的处理值,并保留两位小数。

判断方法:1、使用“strtotime("年-月-日")”语句将给定的年月日转换为时间戳格式;2、用“date("z",时间戳)+1”语句计算指定时间戳是一年的第几天。date()返回的天数是从0开始计算的,因此真实天数需要在此基础上加1。

方法:1、用“str_replace(" ","其他字符",$str)”语句,可将nbsp符替换为其他字符;2、用“preg_replace("/(\s|\ \;||\xc2\xa0)/","其他字符",$str)”语句。

php判断有没有小数点的方法:1、使用“strpos(数字字符串,'.')”语法,如果返回小数点在字符串中第一次出现的位置,则有小数点;2、使用“strrpos(数字字符串,'.')”语句,如果返回小数点在字符串中最后一次出现的位置,则有。

php字符串有下标。在PHP中,下标不仅可以应用于数组和对象,还可应用于字符串,利用字符串的下标和中括号“[]”可以访问指定索引位置的字符,并对该字符进行读写,语法“字符串名[下标值]”;字符串的下标值(索引值)只能是整数类型,起始值为0。

在PHP中,可以利用implode()函数的第一个参数来设置没有分隔符,该函数的第一个参数用于规定数组元素之间放置的内容,默认是空字符串,也可将第一个参数设置为空,语法为“implode(数组)”或者“implode("",数组)”。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

Dreamweaver Mac版
視覺化網頁開發工具