-1

ユーザーが自分自身に関するステータスを入力できる「ストリーム」をコーディングしようとしています。

私はこれを機能させましたが、新しいステータスを確認するためにページをリロードする必要がないようにしたいと思います。

このようなことを行うにはAjaxを使用する必要があることは知っていますが、問題は、JavascriptとAjaxについて何も知らないことです。

私が持っているコードは次のとおりです。

if(isset($_POST['send-stream'])){
    dbquery("INSERT INTO friend_stream (userid,type,timestamp,status) VALUES ('".USER_ID."','1',current_timestamp(),'".clean($_POST['status'])."')");
    header("Location: ".WWW."/me");



<div class="new-stream">
    <form method="post">
        <input type="text" name="status" value="What's Up?" maxlength="150" onclick="this.value='';" />
        <input type="submit" name="send-stream" value="Share" />
    </form>
</div>

彼らがステータスを送信すると、div（＃friend-stream）も自動的に更新されるようにしたいと思います。

これを達成する方法を知っている人は誰でも大歓迎です。

4

2 に答える 2

1

最善の方法は、ajaxとJSについて何かを読み始めることだと思います。

http://www.w3schools.com/ajax/

http://api.jquery.com/jQuery.ajax/

jQueryを使用する場合は、次のようにします。

$('#submitStatusButton').click(function(){
   var status = $('#statusId').val();
   if (.. something to validate that status is valid and not the same){
      $.ajax({
          type: "POST",
          url: "yourFileForUpdating.php",
          data: {
             status: status,
             // may be some other params
          }
      }).done(function( msg ) {
          // update your status
      });
   }
})
于 2012-11-24T02:27:43.727 に答える
1

AJAXとは別に、リアルタイムで実行したい場合は、WebSocketを使用して実行することをお勧めします。 http://en.wikipedia.org/wiki/WebSocket

于 2012-11-24T02:30:15.367 に答える