无法在表单POST上调用.js

我有一些“工作”的代码，但没有做我想做的事情。

在我的页面上，我在标题中有一些代码：

在我的主页内，我有：

 
 ...code...  

当我单击此表单内的按钮时，我希望执行update.js中的代码，但页面重定向到update.php并成功执行我的代码。 我试图绕过这个重定向，并执行代码而不进行页面刷新。 我不明白为什么它不起作用。

我从一个关于如何使用AJAX的教程中获得了.js。

 $(function() { // Get the form. var form = $('#updateChanges'); // Set up an event listener for the contact form. $(form).submit(function(event) { // Stop the browser from submitting the form. event.preventDefault(); // Serialize the form data. var formData = $(form).serialize(); // Submit the form using AJAX. $.ajax({ type: 'POST', url: $(form).attr('action'), data: formData }) }); }); 

我的javascript文件没有被调用。 为什么？

Answer 1

您已经在form变量中定义了jQuery表单对象，您不需要再次为jQuery包装它。

$(form)所有实例都变为： form

 $(function() { // Get the form. var form = $('#updateChanges'); // Set up an event listener for the contact form. form.submit(function(event) { // Stop the browser from submitting the form. event.preventDefault(); // Serialize the form data. var formData = form.serialize(); // Submit the form using AJAX. $.ajax({ type: 'POST', url: form.attr('action'), data: formData }); }); });