Jquery 调用click事件不会使用Ajax提交表单
我正在使用调用click事件来使用Ajax提交表单。如果我没有调用click事件,则使用按钮类型submit提交表单是有效的。所以你可以消除这种可能性。我只需要调用带有click事件的submit函数,我怀疑我是否正确执行了它 错误代码示例: 为了避免需要花费大量时间才能解决的相同id问题,最好为DOM元素提供适当的命名约定 隐藏字段->hdnElementName 按钮->btnElementName 文本框->txtElementNameJquery 调用click事件不会使用Ajax提交表单,jquery,Jquery,我正在使用调用click事件来使用Ajax提交表单。如果我没有调用click事件,则使用按钮类型submit提交表单是有效的。所以你可以消除这种可能性。我只需要调用带有click事件的submit函数,我怀疑我是否正确执行了它 错误代码示例: 为了避免需要花费大量时间才能解决的相同id问题,最好为DOM元素提供适当的命名约定 隐藏字段->hdnElementName 按钮->btnElementName 文本框->txtElementName 使用这样的命名约定肯定会消除这样的错误 你到底想干什
使用这样的命名约定肯定会消除这样的错误 你到底想干什么?现在,当您单击更新按钮时,它将绑定一个提交事件到更新购物车。而且我认为type=action不是有效的HTML。您可能需要type=submit或type=button。您是否已将“id”分配给您的按钮,即更新按钮???@AkshayChawla是的。我认为它与javascript有关。这个怎么样?@AkshayChawla是的。这正是我所做的,但我仍然看不到预期的结果。因此,我已将该过程记录到console,并发现没有触发click事件。我有一个id=update按钮的隐藏输入字段。所以你可以发布答案。我很高兴你帮了我;
// On document ready
$(function() {
$('#update-button').click(function(){
$('#update-cart').submit(function(ev) {
// Prevent the form from actually submitting
ev.preventDefault();
// Get the post data
var data = $(this).serialize();
// Send it to the server
$.post('/', data, function(response, textStatus, jqXHR) {
if (response.success) {
// YES
} else {
// Ooo NO
}
});
});
});
});
// On document ready
$(function() {
$('#update-button').click(function(event){
// Prevent the form from actually submitting
event.preventDefault();
// Get the post data
var data = $("#update-cart").serialize();
// Send it to the server
$.post('/', data, function(response, textStatus, jqXHR) {
if (response.success) {
// YES
} else {
// Ooo NO
}
});
});
});