最近在研究在网页中嵌入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主要是過程式編程,但也支持面向對象編程(OOP);Python支持多種範式,包括OOP、函數式和過程式編程。 PHP適合web開發,Python適用於多種應用,如數據分析和機器學習。

PHP起源於1994年,由RasmusLerdorf開發,最初用於跟踪網站訪問者,逐漸演變為服務器端腳本語言,廣泛應用於網頁開發。 Python由GuidovanRossum於1980年代末開發,1991年首次發布,強調代碼可讀性和簡潔性,適用於科學計算、數據分析等領域。

PHP適合網頁開發和快速原型開發,Python適用於數據科學和機器學習。 1.PHP用於動態網頁開發,語法簡單,適合快速開發。 2.Python語法簡潔,適用於多領域,庫生態系統強大。

PHP在現代化進程中仍然重要,因為它支持大量網站和應用,並通過框架適應開發需求。 1.PHP7提升了性能並引入了新功能。 2.現代框架如Laravel、Symfony和CodeIgniter簡化開發,提高代碼質量。 3.性能優化和最佳實踐進一步提升應用效率。

PHPhassignificantlyimpactedwebdevelopmentandextendsbeyondit.1)ItpowersmajorplatformslikeWordPressandexcelsindatabaseinteractions.2)PHP'sadaptabilityallowsittoscaleforlargeapplicationsusingframeworkslikeLaravel.3)Beyondweb,PHPisusedincommand-linescrip

PHP類型提示提升代碼質量和可讀性。 1)標量類型提示:自PHP7.0起,允許在函數參數中指定基本數據類型,如int、float等。 2)返回類型提示:確保函數返回值類型的一致性。 3)聯合類型提示:自PHP8.0起,允許在函數參數或返回值中指定多個類型。 4)可空類型提示:允許包含null值,處理可能返回空值的函數。

PHP中使用clone關鍵字創建對象副本,並通過\_\_clone魔法方法定制克隆行為。 1.使用clone關鍵字進行淺拷貝,克隆對象的屬性但不克隆對象屬性內的對象。 2.通過\_\_clone方法可以深拷貝嵌套對象,避免淺拷貝問題。 3.注意避免克隆中的循環引用和性能問題,優化克隆操作以提高效率。

PHP適用於Web開發和內容管理系統,Python適合數據科學、機器學習和自動化腳本。 1.PHP在構建快速、可擴展的網站和應用程序方面表現出色,常用於WordPress等CMS。 2.Python在數據科學和機器學習領域表現卓越,擁有豐富的庫如NumPy和TensorFlow。


熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

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

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

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

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。