Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 调用click事件不会使用Ajax提交表单_Jquery - Fatal编程技术网

Jquery 调用click事件不会使用Ajax提交表单

Jquery 调用click事件不会使用Ajax提交表单,jquery,Jquery,我正在使用调用click事件来使用Ajax提交表单。如果我没有调用click事件,则使用按钮类型submit提交表单是有效的。所以你可以消除这种可能性。我只需要调用带有click事件的submit函数,我怀疑我是否正确执行了它 错误代码示例: 为了避免需要花费大量时间才能解决的相同id问题,最好为DOM元素提供适当的命名约定 隐藏字段->hdnElementName 按钮->btnElementName 文本框->txtElementName 使用这样的命名约定肯定会消除这样的错误 你到底想干什

我正在使用调用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
      }
    });
  });
});