2012-03-16 5 views
1

私は単一のページ引用符ジェネレータを使用しています.2D配列の引用符を保持し、ページがあるたびにPHPを使用して配列内の一致する値から抽出します私はこれを変更して、ボタンを押すと要素だけが変更され、サーバーへのHTTP要求が減少するようにしたいと考えています。ボタンを使用して単一ページのPHP要素をリフレッシュする

私はいろいろな "onClick"メソッドを試しましたが、決してうまくいかないようです。これはJavascript(またはjsライブラリ)を使うべきだと思っています。ボタンを押したときに実行したい機能は、次のとおりです。

<?php 
    $max = max(array_map('count', $arrCSV)); 
    $num = rand(0,$max); 
    $quote = $arrCSV[0][$num] . "." ; 
    echo $quote; 
    ?> 

何か助けが大いにありがたいです。

+3

これをjQueryでタグ付けして、これまでに試したことをお見せください –

+1

AJAXを使用していますか? – Nemoy

+0

PaulDixon - 私は本当にあまりよく分かりません。jQueryがこのケースで役立つかもしれないと思っています。私が最もよく知っているライブラリです。 Kameleonが言ったように、Ajaxはおそらくこれを行う方法です。 –

答えて

5

@ Dr.Kameleonのように、これはPHPだけではできません。 jQueryのを使用して

、あなたはこの

$("#yourdiv").load("the/page/from/where/it/should/be/updated.php"); 

のような要素をリロードすることができます

$("button").click(function() { 
    $("#yourdiv").load("the/page/from/where/it/should/be/updated.php"); 
}); 
+0

ありがとうございました!ロード機能は完全に機能しました。 –

2

JQuery's load methodが奇跡を行うことができ、ボタンのクリックイベントにアタッチします。

2

ここではいくつかの動作例を示します。

HTMLページを作成します。

<html> 
    <head> 
    <title>JS-ajax-PHP</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script> 

     // Let's use jQuery library: 

     $(document).ready(function() { 
     // get element with id refresh, on click do function... 
     $('#refresh').click(function(evt){ 
      // get element with id report, load content to element 
      $('#report').load('/time.php'); 
      evt.preventDefault(); 
     }) 
     }); 

    </script> 
    </head> 
    <body> 
    <button id="refresh">Обновить</button> 

    <div id="report">  </div> 
    </body> 
</html> 

とPHPファイルtime.php

<?php 
    echo date("Y-m-d H:i:s"); 

をお楽しみください。