jQueryを使用して10秒ごとにphpデータでdivを更新する

jQueryを使用してdivに格納されたデータを10秒ごとに更新しようとしています。jQueryを使用して10秒ごとにphpデータでdivを更新する

私のHTMLコードは次のとおりです。

<!DOCTYPE html> 
<head> 
<title>Untitled Document</title> 

<script src="http://code.jquery.com/jquery-latest.js"></script> 

<script> 
    $(document).ready(function(){ 
     setInterval(function() { 
      $("#latestData").load("getLatestData.php #latestData"); 
     }, 10000); 
    }); 

</script> 
</head> 

<body> 
    <div id = "latestData"> 

    </div> 
</body> 
</html>

そしてPHPコード私は（私はこれが原因同じ「データ」に変更されません知っている一時的として）使用しています。しかし

<?php 

    echo "test"; 

?>

、それはhtmlページに "テスト"を表示していません..誰かが私が間違って行ったことを示唆することができますか？

感謝

出典

2013-04-14 New_programmer

jQueryのload方法は異なる方法で動作します。 documentationをお試しください。あなたはこのように、二回destination要素のIDを指定秒1を削除する必要はありません

：

$("#latestData").load("getLatestData.php");

出典

2013-04-14 12:08:30 Uby

はいあああたりをフェクトは、それが何か簡単だろうと知っていた！どうもありがとう！もう1つの小さな質問ですが、テキストは10秒後に表示されますが、10秒後にすぐに表示されるようにする方法はありますか？ –

@New_programmerこれを行うにはたくさんの方法がありますが、この質問を見てください：http://stackoverflow.com/questions/6685396/execute-the-first-time-the-setinterval-without-delay – Uby

は、ここではjQueryで$.get方法を使用して、あなたが達成したいものを解決する方法です。

$(document).ready(function() { 
    setInterval(function() { 
     $.get("getLatestData.php", function (result) { 
      $('#latestData').html(result); 
     }); 
    }, 10000); 
});

出典

2013-04-14 12:09:55

メッセージ数をリフレッシュしたい場合は、単にこのコードを使用します

$(document).ready(function() { 
    setInterval(function() { 
     $("#ID").load(); 
    }, 1000); 
});

出典

2014-09-10 07:31:32 vishal

jQueryを使用して10秒ごとにphpデータでdivを更新する

答えて

関連する問題