通过链接使用jquery ajax更新PHP / Mysql表

Question

<li>
    <a tabindex="-1" class ="accept" id="accept" 
        href="accept.php?claimid=<?php echo$row['claimid']?>">
            Accept
    </a>
</li>

action.php的

<?php
    if(isset($_POST['username'])) {
        $action = addslashes($_POST['action']); 
    }
    $sql = "UPDATE claim set 
        username='".$_SESSION['username']."',
        action='accept' 
        where  claimid=".$_GET['claimid']."";
    $result=mysql_query($sql) OR die(mysql_error());
?>

页面上的

我有行动，如接受和拒绝想接受这里，而不重新加载页面

Answer 1

不是使用锚标记，而是尝试使用<div>并向其添加一个点击事件来触发AJAX事件。

<强> HTML

<li><div id="accept">Accept</div></li>

<强>的Javascript

$('#accept').click(function() {
  $.ajax({
    url: "accept.php?claimid=<?php echo$row['claimid']?>",
    // ...
    // ...
  });
});

有关可以传递给函数的更多信息，请参阅jQuery .ajax()文档。

Answer 2

$('#accept').click(function() {
                $.GET("/accept.php", { 'claimid': "<?php echo $row['claimid']?>",'username': "<?php echo $_SESSION['username']?>" },
                function(response) {
                    data = response;
                    alert(data)
                });
})

您可以在操作文件中回显某些内容，以便输出您的警报。

Answer 3

试试这个：

<div class="accept" data-claim="<?php echo $row['claimid']; ?>">
    Accept
</div>

的jQuery

$('div.accept').on('click', function (e) {
    e.preventDefault();
    var MyUrl = 'accept.php';
    $.ajax({
        data: {
            claimid: $(this).data('claim')
        },
        url: MyUrl,
        type: "get",
        success: function (data) {
            alert( "Task complete" );
        }
    });
});

---

<div class="accept" data-claim="<?php echo $row['claimid']; ?>" style="cursor: pointer; color: blue; text-decoration: underline;">
    Accept
</div>