1

我定义了以下函数，它将动态 id 作为参数传递给函数并输出到 html 链接。它调用的脚本会更新数据库记录并根据查询成功或未通过某些验证的 id 返回成功或失败警报。

     function cancel_file(id){  
            jQuery.ajax({
            type: "POST",
            url: "https://www.mysite.com/cancel.php",
            data: 'id='+ id,
            cache: false,
            success: function(response){
                console.log(response);

                if(response == 1){
                    alert('File successfully cancelled!');
                    }
                }
            error: function(response){
                console.log(response);

                if(response == "invalid_id"){
                    alert('The file ID format is invalid');
                }else if(response == "no_record_found"){
                    alert('No file found with ID specified');
                }

            }
        });
    }

我在我的文档部分中调用它如下

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/jquery.js"></script>

页面上的链接是使用以下 php 代码输出的

<?php echo "<a href='#' onclick='cancel_file(".$id.")'>Cancel </a>"; ?>

单击链接时，没有任何反应，当我检查 Chrome JS 调试器控制台时，它显示“未捕获的 ReferenceError：cancel_file 未定义”。我做了一些阅读，在 document.ready() 中定义的函数被 Chrome 和 FF 忽略，所以我从顶部删除了该声明。我还是 jQuery 的新手，所以非常感谢任何帮助。

TIA

取消.php

<?php

// Get the fileid and make sure it's in a valid format
    $id = $_POST['id'];

    if(!ctype_digit($id)){
        $response = "invalid_id";
    }else{
        // If validation passes proceed to queries and cancellation process
            $q1 = "UPDATE `table_files` SET `is_invalid` = 1 WHERE `id` = '".$id."'";
            $r1 = mysql_query($q1) or die(mysql_error());

        if(mysql_affected_rows() > 0){
            $response = mysql_affected_rows();
        }else{
            $response = "no_record_found";
    }

    echo $response;
?>

$response 应该传递回 jQuery 函数。

4

3 回答 3

0

您在成功函数和错误函数之间的 ajax 调用中有错字（尽管这可能是复制/粘贴问题）。

除此之外，除了具有全局函数之外，是否可以接受绑定到链接的点击事件？

例如：

jQuery('.cancel-trigger').on('click', function(){
    jQuery.ajax({
        type: "POST",
        url: "https://www.mysite.com/cancel.php",
        data: {
            id: jQuery(this).data('fileid')
        },
        cache: false,
        success: function(response){
            console.log(response);
            if(response == 1){
                alert('File successfully cancelled!');
                }
            }
            else if(response == "invalid_id"){
                alert('The file ID format is invalid');
            }else if(response == "no_record_found"){
                alert('No file found with ID specified');
            }
        },
        error: function(response){
            console.log(response);
            // this would run on an actual js/ajax error
        }
    });
});

然后使用您的链接，您可以回显以下内容：

<?php echo '<a href="#" data-fileid="' . $id . '" class="cancel-trigger">Cancel </a>'; ?>

这样您就没有全局函数，并且可以使用数据属性而不是内联 onclick 事件传入 id。

于 2012-10-15T00:24:06.260 回答
0

从ajax中的最后一个删除“？>”。检查是否有空格？

于 2012-10-15T11:40:39.077 回答
0

我通过将 PHP 脚本加载到 jQuery UI 模式并在那里处理它找到了一种解决方法。不完全是我所希望的，但它很好地解决了这个问题。

于 2012-10-16T19:52:33.963 回答