jTinderデータベースに保存

Question

私はこれをここで尋ねることは大丈夫です。私はどこでも検索しましたが、解決策を見つけることはできません。 私はjTinderと呼ばれる素敵なjsライブラリを見つけました。https://github.com/do-web/jTinder

今、私はmysqlデータベースとphpに好き嫌いを保存しようとしています。しかし、すぐに私はあきらめます！私はたくさんの異なるコードを試しましたが、実際には何も起こりません。 ほとんどの場合、スクリプトはまったく動作しません。

誰かが私を助けることができますか？

$("#tinderslide").jTinder({ 
// dislike callback 
onDislike: function (item) { 
    // set the status text 
    $('#status').html('Dislike image ' + (item.index()+1)); 


    }, 


// like callback 
onLike: function (item) { 
    // set the status text 
    $('#status').html('Like image ' + (item.index()+1)); 
}, 
animationRevertSpeed: 200, 
animationSpeed: 400, 
threshold: 1, 
likeSelector: '.like', 
dislikeSelector: '.dislike' 
}); 

getdata.phpは次のようになります。

$link = mysqli_connect("127.0.0.1", "root", "", "vacation"); 

// Check connection 
if($link === false){ 
    die("ERROR: Could not connect. " . mysqli_connect_error()); 
} 

$liked = mysqli_real_escape_string($link, $_POST['like']); 


$sql = "INSERT INTO destinations (like) VALUES ('$liked')"; 
if(mysqli_query($link, $sql)){ 
    echo "Records added successfully."; 
} else{ 
    echo "ERROR: Could not able to execute $sql. " . mysqli_error($link); 
} 


mysqli_close($link); 

アヤックス：

$.ajax({         
    url: 'getdata.php',    


    dataType: 'json',     
    success: function(data)   
    { 
    var id = data[0];    
    var name = data[1]; 

    var count = data[3]; 


    $('#output').html('like('+id+')'); 

    } 

Answer 1

データがどこにあるHTMLファイルでは、このコードではそう

多くの問題があります。あなたがPHPコードで何も返さないうちに、ajaxから来ています。だからあなたのコードでは、テストのための

$("#tinderslide").jTinder({ 
// dislike callback 
     onDislike: function (item) { 

      $.ajax({ 
       url: 'getdata.php', 
       data: 'DATA_YOU_WANT_TO_SEND', 
       dataType: 'json', 
       success: function (data) { 
        console.log() 

        //$('#output').html('like(' + id + ')'); 

       } 
      }); 
       // set the status text 
      $('#status').html('Dislike image ' + (item.index()+1)); 


     }, 

// like callback 
     onLike: function (item) { 
      // set the status text 
      $('#status').html('Like image ' + (item.index()+1)); 
     }, 
     animationRevertSpeed: 200, 
     animationSpeed: 400, 
     threshold: 1, 
     likeSelector: '.like', 
     dislikeSelector: '.dislike' 
    }); 

とPHPコード にあなたはとても入れアヤックスから、それを送信していない場合は、PHPファイル内のポストデータを得るのですかどのようにそれに似挿入されているように気にいらないことsholudそれへのデータ。