使用 JQuery 和 AJAX 更新 SQL答案

【问题标题】：Update SQL with JQuery and AJAX使用 JQuery 和 AJAX 更新 SQL
【发布时间】：2012-05-12 18:14:08
【问题描述】：

我的网站上有一个 RSVP 框，我希望人们根据他们是否来点击勾选或交叉图像。我目前有一个更新 SQL 数据库的 PHP 系统，但它会重新加载页面。

我试过这段代码：

$(document).ready(function() {
    var options = {
        url: 'process.php',
        type: 'post',
        data: 'attending',
        success: success
    };

    // bind to the form's submit event
    $('.attending').click(function {
        $(this).ajaxSubmit(options);
        return false;
    });

    function success(responseText, $form) {
        $(".attending").hide();
        $(".success").fadeIn();
    } 
});

RSVP 按钮是带有标签的链接但我正在为此苦苦挣扎，任何帮助将不胜感激！

谢谢

【问题讨论】：

检查错误控制台是否有 JS 错误。
.click 函数后面缺少括号，它应该是 .click(function() {
您对代码的具体问题是什么？使用您发布的代码时，它是否根本不起作用并且根本不提交（jquery 错误）？页面是否仍在重新加载（意味着您的绑定不起作用）？
$('.attending').click(function(e) { $(this).ajaxSubmit(options); e.preventDefault(); });您的点击事件有一些语法错误。
是的，页面一直在重新加载，数据库也没有更新？

标签： php jquery sql ajax

【解决方案1】：

ajaxSubmit 函数是jquery forms plugin 的一部分...您是否在页面中包含该插件？（您没有用 jquery-forms-plugin 标记问题，所以我猜不是）如果这是您第一次使用 jQuery ajax，我建议您首先使用 .ajax 方法，即使它的代码行数更多，以了解那里发生了什么。

【讨论】：

我采用了你的想法，效果很好，谢谢！唯一的问题是 img:hover 标记在单击 rsvp 后不起作用。如果您需要，我可以提供该网站的链接。
好的，提供链接，我去看看。

【解决方案2】：

在单击处理程序中声明函数后，您错过了括号，试试这个：

// bind to the form's submit event
$('.attending').click(function() {
    $(this).ajaxSubmit(options);
    return false;
});

或者更好：

// bind to the form's submit event
$('.attending').click(function(e) {
    e.preventDefault();
    $(this).ajaxSubmit(options);
});

【讨论】：