Question

我目前有两个php文件（index.php和update.php）在index.php中，有一些javascript代码和一个按钮，它将一个名为$ sid的变量发送到update.php，在那里它被处理在$ sid。这是index.php和update.php的代码。我没有直接将它粘贴到StackOverflow中，只是因为你必须在StackOverflow上为文本添加代码，以及JavaScript如何使用它的间距层次结构。

http://pastebin.com/fq87vvgz

目前，当您按下按钮时，不会弹出警告框。如果将PHP代码放在PHP代码检查器中，则不会出现错误。

这是我的代码：

这是 index.php

中的内容

<?php 
$sid = 11;
?>
<script type="text/javascript">
    $(document).ready(function(){
        $('#vote').click(function(){
            $.ajax({
                url : 'update.php', // Notice how this sends to update.php
                type : 'POST',
                data : {
                    action : 'vote_server',
                    sid : $('#sid').data('sid')
                },
                dataType : 'JSON',
                success : function(result) {
                    if (result.xhr == 'success') {
                        alert('You bumped your server!');
                    } else if (result.xhr == 'voted_already')
                        alert('You can only bump every 24 hours!')
                }
            });
        });
    })
</script>
<input type="button" class="btn btn-primary" id="vote" value="Vote up your server">

这是 update.php

中包含的内容

<?php
    define('action',$_POST['action']);
    $result = array(
        'xhr' => 'error'
    );

    if (action == 'vote_server')
    {
        $sid = (int)$_POST['sid'];
        $ip = $_SERVER['REMOTE_ADDR'];
        $time = time();

        $dbTime = @mysql_result(mysql_query("SELECT `id`, `last_updated` FROM `servers` WHERE `id` = '$sid'"), 0); 
        $timeDiff = $time - $dbTime;
        if($timeDiff >= 86400){
            mysql_query("UPDATE `servers` SET `last_updated` = '$time' WHERE `id` = '$sid'");
            $result['xhr'] = 'success';
        }  else { $result['xhr'] = 'voted_already';  }

    }

    echo json_encode($result);

?>

Answer 1

使用query和ajax

在您的索引页面中......

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function() {
     $( ".button" ).click(function() {
         var var1 = $(this).data('var1');
         var var2 = $(this).data('var2');   

         $.ajax({
           type: "POST",
           url: 'update.php',
           data: {postedVar:var1, postedVar2:var2}, 
           success: function(data)
                {
                alert(data);                         
                }
         });
     });
});
</script>

<html>
<button class="button"  data-var1="<?php echo "this is var1"; ?>"  data-var2="<?php echo "this is var2"; ?>">Button</button>
</html>

在您更新页面上......

像这样访问你的vars

<?php 

var1 = $_POST['postedVar1'];
var2 = $_POST['postedVar2'];

echo var1;
?>

......未经测试

如何通过点击按钮更新信息？

1 个答案: