-1

ページを更新せずに、2つの変数（以下）をphp/MySQLの「update$tableSET....」に渡そうとしています。

divクリックで次の変数を渡したい

$read=0;
$user=$userNumber;

基本的にdivメッセージが読まれたことを示しているので、色を変更する必要があります。

これを行うための最良の方法は何ですか？

4

6 に答える 6

1

jqueryを使用してページに投稿し、json応答を処理するためのコードを次に示します。投稿リクエストを受け取り、やりたいことを何でも返すPHPページを作成する必要があります。

$(document).ready(function () {

    $.post("/yourpath/page.php", { read: "value1", user: $userNumber}, function (data) {
        if (data.success) {
          //do something with the returned json
        } else { 
          //do something if return is not successful
        } //if              
    }, "json"); //post
});
于 2012-07-05T14:14:08.320 に答える
1

2つの引数を取るphp/jsp/.netページを作成します

mywebsite.com/ajax.php?user=XXX&secondParam=ZZZZ

onClickイベントをDIVに添付する

$.get("ajax.php?user=XXX&secondParam=ZZZZ". function(data){
// here you can process your response and change DIV color if the request succeed
});
于 2012-07-05T14:15:51.190 に答える
0

私は上手く理解できていない気がします。$ .load（）を参照してください;

于 2012-07-05T14:11:51.193 に答える
0

更新コードを使用して新しいphpファイルを作成し、それが機能したかどうかを示すjsonを返します。$.getJSONjQuery関数を使用して作成できます。

于 2012-07-05T14:12:13.003 に答える
0

jQueryのIDに基づいてDOMから要素を選択するには、次のようにします。

$("#TheIdOfYourElement")

またはあなたの場合

$("#messageMenuUnread")

今、それがクリックされたときに聞くために、

$("#messageMenuUnread").click(function(){
   //DO SOMETHING
}

さて、AJAXの楽しみのために。技術的な詳細については、http：//api.jquery.com/category/ajax/でドキュメントを読むことができますが、これが要約されます。

        $("#TheIdOfYourImage").click(function(){
            $.ajax({
              type: "POST",                                 // If you want to send information to the PHP file your calling, do you want it to be POST or GET. Just get rid of this if your not sending data to the file
              url: "some.php",                             // The location of the PHP file your calling
              data: "name=John&location=Boston",           // The information your passing in the variable1=value1&variable2=value2 pattern
              success: function(result){ alert(result) }   // When you get the information, what to do with it. In this case, an alert
            });
        }

.css()色の変更については、メソッドを使用してCSSを変更できます

$("#TheIdOfAnotherElement").css("background-color","red")
于 2012-07-05T14:19:18.710 に答える
0

jQuery.ajax（）を使用する

コードは次のようになります

<!DOCTYPE html>
<head>

</head>
<body>
    <!-- your button -->
    <div id="messageMenuUnread"></div>
    <!-- place to display result -->
    <div id="frame1" style="display:block;"></div>

    <!-- load jquery -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            //attach a function to messageMenuUnread div
            $('#messageMenuUnread').click (messageMenuUnread);
            //the messageMenuUnread function
            function messageMenuUnread() {
                $.ajax({
                    type: "POST",
                    //change the URL to what you need
                    url: "some.php",
                    data: { read: "0", user: "$userNumber" }
                }).done(function( msg ) {
                    //output the response to frame1
                    $("#frame1").html("Done!<br/>" + msg);
                });
            }
        }
    </script>
</body>

于 2012-07-05T14:29:37.993 に答える