如何将jQuery表单提交转换为Ajax？

我已经使用jQuery插件“StarRating”实现了一个星级评定系统。我使用PHP动态生成表单，使用MySQL将数据上传到数据库。我已经尝试转换为Ajax，连接打开（），但没有传递数据

以下是（动态生成的）HTML表单的示例：

<form action="rater.php" method="post">
    <input name="star1" type="radio" class="auto-submit-star star" value="50830,1"/>
    <input name="star1" type="radio" class="auto-submit-star star" value="50830,2"/>
    <input name="star1" type="radio" class="auto-submit-star star" value="50830,3"/>
    <input name="star1" type="radio" class="auto-submit-star star" value="50830,4"/>
    <input name="star1" type="radio" class="auto-submit-star star" value="50830,5"/>
</form>

下面是我的jQuery代码：

$(document).ready(function () {
    $('.auto-submit-star').rating({
    callback: function(value, link){
        this.form.submit();
    }
});

---

每次单击一个星型，MySQL表都会正确更新，但整个页面都会重新加载。到目前为止，我在转换为Ajax方面所做的一切都没有奏效——我应该怎么做？

您在jQuery中发布的内容与Ajax无关。要启动AJAX POST请求，请查看jQuery的

.AJAX（）

at。这应该能解决问题

你的例子是

$.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } }); 如果不需要用户反馈，您可以安全地将

：success

和

：error

字段留空。如果您确实需要反馈，请告诉我，我将进行更多编辑：-）

我希望我的例子有点道理。如果没有，请再次通知我，我将作出赔偿：-）

---

James

您在jQuery中发布的内容与AJAX无关。要启动AJAX POST请求，请查看jQuery的

.AJAX（）

at。这应该能解决问题

你的例子是

$.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } }); 如果不需要用户反馈，您可以安全地将

：success

和

：error

字段留空。如果您确实需要反馈，请告诉我，我将进行更多编辑：-）

我希望我的例子有点道理。如果没有，请再次通知我，我将作出赔偿：-）

---

James

您还应该删除

这个.form.submit（）

---

在jQuery代码中避免在回调函数中提交页面。最好只使用本机Ajax函数，您还应该删除它

这个.form.submit（）

在jQuery代码中避免在回调函数中提交页面。最好只使用本机Ajax函数。

尝试使用我的jQuery插件。这很简单。简单到：

$('#form_ID or #div_ID').alajax();

尝试使用我的jQuery插件。这很简单。简单到：

$('#form_ID or #div_ID').alajax();

---

将来，当你得到一个解决方案时，你应该保持你的问题，并将正确答案标记为已接受。这对花时间帮助的发帖人是有益的，它可以帮助你自己找到解决方案，也可以帮助将来访问该网站并找到你的问题的任何人。将来，当你得到解决方案时，你应该保持你的问题，并将正确答案标记为已接受。这有利于花时间帮助的发帖人，有助于你自己找到解决方案，也有助于将来访问网站并发现你的问题的其他人。