找回密碼 或 安全提問
 註冊
|註冊|登錄

伊莉討論區

搜索
尊貴會員無限觀看附件圖片認識好友、聊天,分享生活趣事你準備好成為出色的版主了嗎?
mg火影偷拍ge無碼 meg高中按摩
社畜サキmdyd 877我不是文mg巨乳家族囤貨發現死對

休閒聊天興趣交流學術文化旅遊交流飲食交流家庭事務PC GAMETV GAME
熱門線上其他線上感情感性寵物交流家族門派動漫交流貼圖分享BL/GL
音樂世界影視娛樂女性頻道潮流資訊BT下載區GB下載區下載分享短片
電腦資訊數碼產品手機交流交易廣場網站事務長篇小說體育運動時事經濟
上班一族博彩娛樂

[繁]怪人的沙拉碗06-

[繁]怪人的沙拉碗03-

[繁]轉生為第七王子,

[繁]老夫老妻重返青春

[繁]無職轉生 第二季1

(4月新番)[簡]被稱為
C & C++ 語言C# 語言Visual Basic 語言PHP 語言JAVA 語言
查看: 8720|回復: 17
打印上一主題下一主題

[問題]AJAX即時更新&抓SQL data[複製鏈接]

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
樓主
發表於 2014-1-21 11:27 AM|顯示全部樓層
你可不可以稍微描述你遇到甚麼問題?
你可以在瀏覽器按F12看看有沒有甚麼錯誤
然後你的程式裡面並沒有DB的definition, 我沒辦法讀心創造一樣的DB
若有安裝色情守門員,可用無界、自由門等軟件瀏覽伊莉。或使用以下網址瀏覽伊莉: http://www.eyny.com:81/index.php

使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
頭香
發表於 2014-1-23 03:50 PM|顯示全部樓層
你用的ajax有點太原始了, 我看不太懂
可以改用jquery的ajax嗎?
你只要在html導入jquery的js就可以用了

下載: 訪客無法瀏覽下載點,請先 註冊登入會員

使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
3
發表於 2014-1-24 04:26 PM|顯示全部樓層
黑~~ 發表於 2014-1-24 09:38 AM
下載: 訪客無法瀏覽下載點,請先 註冊登入會員

兩位說的我都做了
的確會每3秒更新一次
但是GOOGLEAPI的圖被吃掉了.......

你的a.php回傳的是<table>...的東西, google API所要的input是這些嗎?...
瀏覽完整內容,請先 註冊登入會員
若有安裝色情守門員,可用無界、自由門等軟件瀏覽伊莉。或使用以下網址瀏覽伊莉: http://www.eyny.com:81/index.php

使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
4
發表於 2014-1-25 08:00 PM|顯示全部樓層
不是很清楚google API怎麼運作,是可以接受<table>的資料的嗎?
可能你要不要看看$ajax有沒有幫助?
所有積分大於負-100的壞孩子,將可獲得重新機會成為懲罰生,權限跟幼兒生一樣。

使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
5
發表於 2014-1-28 06:04 PM|顯示全部樓層
回覆中加入附件並不會使你增加積分,請使用主題方式發佈附件。
阿, 今天我忘了回你這個
看樣子你對ajax的運作方式好像完全不理解呢

我所知道的ajax運作的方法, 是由javascript去request一個PHP(嘛, 其實HTML也可以), 然後再把傳送回來的資料運算+顯示出來

整個流程是:
1. 瀏覽器叫第一頁HTML
2. on ready或使用者動作發動javascript
3. javascript利用ajax叫另一個HTML或PHP
4. javascript把ajax回傳的資料運算+顯示
...
瀏覽完整內容,請先 註冊登入會員





使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
6
發表於 2014-1-30 12:31 AM|顯示全部樓層
我現在回鄉了, 沒辦法實際測試
以下的是大概的寫法, 格式不一定對

function getData() {
  $.ajax({url:"a.php", success:function(result){
    var data = google.visualization.arrayToDataTable(result);
    var options = {title: 'attation 專注度', backgroundColor:'yellow'};
    var chart = new google.visualization.LineChart($('#chart_div'));
    chart.draw(data, options);
...
瀏覽完整內容,請先 註冊登入會員
若新密碼無法使用,可能是數據未更新。請使用舊密碼看看。

使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
7
發表於 2014-2-5 08:32 PM|顯示全部樓層
成為伊莉的版主,你將獲得更高級和無限的權限。把你感興趣的版面一步步地發展和豐盛,那種滿足感等著你來嚐嚐喔。
$data的部分是PHP代碼來的...
是要讓a.php回覆json的形式而不是<table>的形式
要把a.php echo table的地方拿掉換成那些
若有安裝色情守門員,可用無界、自由門等軟件瀏覽伊莉。或使用以下網址瀏覽伊莉: http://www.eyny.com:81/index.php

使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
8
發表於 2014-2-6 12:53 AM|顯示全部樓層
如果發覺自己無法使用一些功能或出現問題,請按重新整理一次,並待所有網頁內容完全載入後5秒才進行操作。
本帖最後由 theloserbm 於 2014-2-6 01:02 AM 編輯

還有這行呢...
echo "<br/><table border=1><tr> <td>attion</td> <td>mediation</td> <td>relex</td> <td>time</td> </tr>\n";

你可以先在瀏覽器直接叫a.php看看他有沒有傳囘你要的東西
還有$data[]不是應該放在loop裏拿sql的資料嗎?

先試試一個圖吧
...
瀏覽完整內容,請先 註冊登入會員
若瀏覽伊莉的時侯發生問題或不正常情況,請使用Internet Explorer(I.E)。

使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
9
發表於 2014-2-6 05:31 PM|顯示全部樓層
如果發覺自己無法使用一些功能或出現問題,請按重新整理一次,並待所有網頁內容完全載入後5秒才進行操作。
資料可以貼來看看嗎...?
你上面有echo時間, 所以應該還是有多餘的東西...

使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
10
發表於 2014-2-6 09:19 PM|顯示全部樓層
分享使你變得更實在,可以使其他人感到快樂,分享是我們的動力。今天就來分享你的資訊、圖片或檔案吧。
我的意思是,你直接在瀏覽器看a.php的結果是什麼?
應該要是[['time','attion'],['xxx1','yyy1'],['xxx2','yyy2']]的形式,不能混有別的東西




使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
11
發表於 2014-2-7 12:30 PM|顯示全部樓層
若新密碼無法使用,可能是數據未更新。請使用舊密碼看看。
本帖最後由 theloserbm 於 2014-2-7 12:32 PM 編輯
黑~~ 發表於 2014-2-7 11:28 AM
下載: 訪客無法瀏覽下載點,請先 註冊登入會員

那是現在的時間
我先echo現在的時間在ECHO
time & attion的
...
瀏覽完整內容,請先 註冊登入會員
分享使你變得更實在,可以使其他人感到快樂,分享是我們的動力。今天就來分享你的資訊、圖片或檔案吧。

使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
12
發表於 2014-2-7 10:27 PM|顯示全部樓層
回覆中加入附件並不會使你增加積分,請使用主題方式發佈附件。
我自己實際上去做了一個簡單的demo,發現原來arrayToDataTable不支持日期...

index.html
  1. <!DOCTYPE html>

  2. <html lang="en">
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>Test</title>
  6.         <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
  7.         <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  8.         <script type="text/javascript">
  9.             google.load("visualization", "1", { packages: ["corechart"] });
  10.             function refreshChart() {
  11.                 $.ajax({ url: "data.php", success: function (response) {
  12.                     var result = $.parseJSON(response);
  13.                     console.log(result);
  14.                     drawChart(result.data);
  15.                     $('#time_div').html("Generated on: " + result.time);
  16.                 }
  17.                 });
  18.             }

  19.             function drawChart(result_data) {
  20.                 var data = new google.visualization.DataTable();
  21.                 data.addColumn('date', 'date');
  22.                 data.addColumn('number', 'attion');
  23.                 data.addRows(result_data.length);

  24.                 for (var i = 0; i < result_data.length; i++) {
  25.                     data.setCell(i, 0, new Date(result_data[i][0]));
  26.                     data.setCell(i, 1, result_data[i][1]);
  27.                 }

  28.                 var options = { title: 'attion', backgroundColor: 'yellow' };
  29.                 var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  30.                 chart.draw(data, options);
  31.             }

  32.             $(document).ready(function () {
  33.                 refreshChart();
  34.                 setInterval(refreshChart, 3000);
  35.             });
  36.         </script>
  37.     </head>
  38.     <body>
  39.         <div id="time_div">Initializing...</div>
  40.         <div id="chart_div"></div>
  41.     </body>
  42. </html>
複製代碼


data.php
  1. <?php
  2. $data[] = array('2014-2-7', rand(0,500));
  3. $data[] = array('2014-2-8', rand(0,500));
  4. $data[] = array('2014-2-9', rand(0,500));

  5. $nowtime = date("l jS \of F Y h:i:s A");

  6. echo json_encode(array('time'=>$nowtime, 'data'=>$data));
  7. ?>
複製代碼

data.php的部分我是用隨機數值來測試他會自動更新,你需要讀資料庫拿到最新的資料來顯示.
...
瀏覽完整內容,請先 註冊登入會員
若新密碼無法使用,可能是數據未更新。請使用舊密碼看看。

使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
13
發表於 2014-2-8 10:30 AM|顯示全部樓層
如果發覺自己無法使用一些功能或出現問題,請按重新整理一次,並待所有網頁內容完全載入後5秒才進行操作。
黑~~ 發表於 2014-2-8 10:28 AM
下載: 訪客無法瀏覽下載點,請先 註冊登入會員

本來你的程式碼OK,BUT我把sql連上去結果圖又不見了==..........
不知是不是我又做錯了甚麼,還請指點   ...

$data[] = array('time', 'attion');
...
瀏覽完整內容,請先 註冊登入會員

點評

黑~~ 還是一樣唉  發表於 2014-2-8 10:57 AM
若瀏覽伊莉的時侯發生問題或不正常情況,請使用Internet Explorer(I.E)。

使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
14
發表於 2014-2-9 08:20 PM|顯示全部樓層
如果瀏覽伊莉時速度太慢或無法連接,可以使用其他分流瀏覽伊莉,www01.eyny.com(02,03)。
  1. <?php
  2. $nowtime = date("l jS \of F Y h:i:s A");   

  3. $link = mysql_connect('localhost', 'root', 'www123');
  4. if (!$link) {
  5.     echo mysql_error();
  6.     exit;
  7. }
  8. mysql_select_db('test1');

  9. $sql = "select * from test";
  10. $result = mysql_query($sql);

  11. $data = array();
  12. while ($row = mysql_fetch_array($result)) {
  13.     $data[] = array($row['time'], $row['attion']);
  14. }

  15. echo json_encode(array('time'=>$nowtime, 'data'=>$data));
  16. ?>
複製代碼
好像沒什麼問題?
我覺得你需要進修的地方是去找出問題在哪裏,説是寫程式最重要的部分也不為過
寫了一堆跑不動,不會找問題的來源不就要重寫了嗎

...
瀏覽完整內容,請先 註冊登入會員
分享使你變得更實在,可以使其他人感到快樂,分享是我們的動力。今天就來分享你的資訊、圖片或檔案吧。

使用道具檢舉

Rank: 3Rank: 3Rank: 3

帖子
663
積分
1128 點
潛水值
20810 米
15
發表於 2014-2-10 02:39 AM|顯示全部樓層
可能是新的date format導致mysql沒辦法取得資料
你可以echo $sql看看出來的對不對,用進去看看結果對不對




若瀏覽伊莉的時侯發生問題或不正常情況,請使用Internet Explorer(I.E)。

使用道具檢舉

您需要登錄後才可以回帖 登錄 | 註冊

Powered by Discuz!

© Comsenz Inc.

重要聲明:本討論區是以即時上載留言的方式運作,對所有留言的真實性、完整性及立場等,不負任何法律責任。而一切留言之言論只代表留言者個人意見,並非本網站之立場,用戶不應信賴內容,並應自行判斷內容之真實性。於有關情形下,用戶應尋求專業意見(如涉及醫療、法律或投資等問題)。 由於本討論區受到「即時上載留言」運作方式所規限,故不能完全監察所有留言,若讀者發現有留言出現問題,請聯絡我們。有權刪除任何留言及拒絕任何人士上載留言,同時亦有不刪除留言的權利。切勿上傳和撰寫 侵犯版權(未經授權)、粗言穢語、誹謗、渲染色情暴力或人身攻擊的言論,敬請自律。本網站保留一切法律權利。
回頂部