2016-04-27 175 views
1

我希望这里可以问这个问题。我到处搜索,但无法找到解决方案。 我发现了一个不错的js库,名为jTinder https://github.com/do-web/jTinderjTinder保存到数据库

现在我试图在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+')'); 

    } 
+0

使用ajax将其保存到您的数据库 –

+0

这就是我一直在尝试做的。但是每次我冻结代码或者什么都不会发生。我不知道在哪里放置ajax调用。我有一个getdata.php – andernicken

+0

把它放在你的问题更好地理解,并提供与Ajax的代码,以便我们可以告诉你哪里出错 –

回答

0

有一个在这个代码中的许多问题,所以

在你的HTML文件,其中的数据来自阿贾克斯,而你没有返回任何你的PHP代码。所以,你的代码sholud不会停像测试

$("#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文件收到信息数据,如果你不从这样就把AJAX发送它数据。

+0

它不是完整的解决方案,而是它的工作方式如果你以正确的方式给代码以便更容易理解 –

+0

其实,我试图为我的家人设置一个有趣的方式来投票选择下一个目的地假日。 我认为这已经成为我的错误。 : -/ 我只熟悉简单的php和mysql。 我很抱歉搞乱了! – andernicken