2

ページにいいねボタンを作成しようとしていますが、正しく機能しないようです。基本的に、ajax を使用して、データベースを更新する php ページにデータを送信する 3 つの関数があります。私はデータベースをチェックし、3つすべてが正しく更新されました。ユーザーが最初に気に入らずにクリックした場合、[異なる] ボタンが正しく表示されますが、[異なる] をクリックしても元に戻りません (ただし、データベースは更新されます)。

これはこれを設定する正しい方法ですか？私はajaxにかなり慣れていないので、これが正しいアプローチであるかどうかはわかりません。前もって感謝します スティーブ

public function likesScript($p){?>
    <script>

//display list of people who like this
    function getLikes(){
    $.ajax({
        type: "POST",
        url: "likelist.php",
        data: { p: "<?php echo $_GET['p']?>"}
    }).success(function(res) {


         //check to see if current user likes this   
        if($('li#<?PHP echo $_SESSION['userId']; ?>').length){
            $(".Like").addClass('hidden');

            $(".UnLike").removeClass('hidden');
        }
        else{  
            $(".UnLike").addClass('hidden');
            $(".Like").removeClass('hidden');

        }

        $("#likedBy").append(res); 
        console.log(res);

    });
}


function removeLike() {
    $.ajax({
        type: "POST",
        url: "likedata.php",
        data: { arg1: "<?php echo $_SESSION['userId']?>", arg2: "<?php echo $p;?>", arg3: "0" }
    })

    getLikes();


    return false; 
}


function addLike() {


    $.ajax({
        type: "POST",
        url: "likedata.php",
        data: { arg1: "<?php echo $_SESSION['userId']?>", arg2: "<?php echo $p;?>", arg3: "1" }
    })


    getLikes();


    return false; 
}



$(document).ready(function() {   getLikes();
 $(".UnLike").live('click',removeLike);
 $(".Like").live('click',addLike);


});



    </script>

likelist.php:

<?php
require $_SERVER['DOCUMENT_ROOT'].'/view.class.php';

$view = new view();
include $_SERVER['DOCUMENT_ROOT'].'/profile.class.php';
include $_SERVER['DOCUMENT_ROOT'].'/init.php';  

$profile = new profile($dbh);

if(isset($_POST)){
$p = $_POST['p'];


$view->printLikes($profile->getLikes($p));


}

likedata.php:

<?php
include $_SERVER['DOCUMENT_ROOT'].'/profile.class.php';
include $_SERVER['DOCUMENT_ROOT'].'/init.php';  

$profile = new profile($dbh);

if(isset($_POST)){
$liker = $_POST['arg1'];
$likee = $_POST['arg2'];
$likeYesNo = $_POST['arg3'];

$profile->insertLikes($liker, $likee, $likeYesNo);


}
?>
4

2 に答える 2

2

AJAX は ayshcronous であるため、と の両方でgetLikesAJAX が完了する前に関数が起動します。更新されていない可能性のあるデータを取得しないように、必ず成功のコールバックに入れる必要がありますaddLikeremoveLikegetLikes$.ajax

function addLike() {
    $.ajax({
        type: "POST",
        url: "likedata.php",
        data: { arg1: "<?php echo $_SESSION['userId']?>", arg2: "<?php echo $p;?>", arg3: "1" },
        success: getLikes
    })

}
于 2012-11-02T00:49:49.113 に答える
1

わかりました...これは、ajaxの繰り返し呼び出しを使用して学んだことです...

IE はそれらを嫌い、時には本来の方法で動作しないことがあります。

これを試して

function addLike() {

    var randnum = Math.floor(Math.random()*1001); //Add This Here on all Ajax Calls

    $.ajax({
        type: "POST",
        url: "likedata.php",
        cache: false, //Add This Here - Assists in helping Browsers not to cache the Ajax call
        data: yourdata + '&random=' + randnum, // Add this to the end of your data you are passing along *'&random=' + randnum,*
        success: function() {
              getLikes();
        }
    })

}

ランダムなデータを追加すると、ブラウザーはそれを新しい呼び出しと見なします。

また、random=randnumは php 側には何の影響も与えません。

于 2012-11-03T00:06:01.017 に答える