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

Question

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

动作.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

与其使用锚标记，不如尝试使用 a<div>并向其添加一个触发 AJAX 事件的点击事件。

HTML

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

Javascript

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

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

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>