尝试使用jQuery向ajax函数自动提交表单失败，没有任何错误

Trying to auto submit form with jQuery to ajax function failed, with no errors

本文关键字：失败 表单 提交 错误 任何 jQuery 函数 ajax      更新时间：2023-09-26

我已经尝试了各种方法来做到这一点，我相信有一些简单的工作。。。在过去的两个小时里试图解决这个问题仍然没有成功。。或错误..：(在这里，我使用json和jquery函数生成的值创建新的表单元素。。

var prevNewWidth = '<input type="hidden" value="' + prevNewWidth + '" name=prevNew />';
var sliderValue = '<input type="hidden" value="' + sliderValue + '" name="thisNew" />';
var thisCellId = '<input type="hidden" value="' + item.thisCellId + '" name="thisCellId" />';
var prevCellId = '<input type="hidden" value="' + item.prevCellId + '" name="prevCellId" />';
$('#sliderForm').append(prevNewWidth);
$('#sliderForm').append(sliderValue);
$('#sliderForm').append(thisCellId);
$('#sliderForm').append(prevCellId);
$('#sliderForm').submit(ajax);

这是我的ajax函数。。

function ajax() {    
   $.ajax({            
      //this is the php file that processes the data and send mail
      url: "cellWidthUpdate.php",    
      //method
      type: "POST",
      //pass the data            
      data: cellNewWidth.serialize(),        
      //success
      success: function (html) { 
         alert(html);       
      },
      error: function(xhr, status, error) {
         var err = eval("(" + xhr.responseText + ")");
         alert(err.Message);
      }         
   })
};

您没有自动提交表单（至少在您提供的代码中没有）。.submit()只是将事件处理程序附加到#sliderForm的提交事件。如果希望调用ajax方法，则必须触发submit事件，或者更漂亮的是，可以使用jQuery的.triggerHandler(http://api.jquery.com/triggerhandler/)在不触发事件默认行为的情况下调用处理程序：

$('#sliderForm').triggerHandler('submit');
相关文章：