AJAX請求不提交我的表格

Question

我有一個用於提交表單的ajax請求。

$('#position'+i).change(function() { 
     var data = $(this).attr('value'); 
     var form = $('#pages_form'); 
     $.ajax({ 
      type: "POST", 
      url: form.attr('action'), 
      data: data, 
      succes: alert('Postion has been saved') 
     }); 
    }); 

它dosent似乎想要去的天氣我硬編碼它或使用窗體操作屬性。我需要做什麼才能讓我提交表格。

它的奇怪，因爲如果我點擊輸入它會提交表單，但它會繞過ajax請求。

Answer 1

這不是如何回電的作品也成功拼錯了。您將函數名稱或匿名函數傳遞給成功方法。

工作版本：

$('#position'+i).change(function() { 
     var data = $(this).attr('value'); 
     var form = $('#pages_form'); // Is this an id? 
     $.ajax({ 
      type: "POST", 
      url: form.attr('action'), 
      data: data, 
      success: function() { 
       alert('Postion has been saved'); 
      } 
     }); 
    }); 

Answer 2

你的問題很可能在於你用它來獲取表單選擇：

var form = $('pages_form'); 

沒有HTML標籤名爲pages_form;）

此外，您指定回調的方式顯然是錯誤的。

Answer 3

var form = $('pages_form'); 

這是壞的，這是什麼樣的選擇器，theres沒有pages_from標籤，據我所知。 它應該是

var form = $('#pages_form'); 

如果它的id。

如果類然後

var form = $('.pages_form'); 

Answer 4

一對夫婦更正：

var form = $('pages_form'); 

是不是指一個有效的元素。如果「pages_form」是你的表單的id，那麼你需要使用：

var form = $('#pages_form'); 

此外，您還拼錯了「成功」，並且它不具有格式需要。將該行更改爲

success: function() {alert('Postion has been saved');} 

我認爲這些修復後的代碼應該可以正常工作。 :)

好的，那麼需要一些驗證，雖然它們可能看起來很明顯。

1. 確保我包含一個值，並且有一個輸入元素與相應的ID，所以如果我等於1，那麼你有一個ID爲'position1'的輸入元素。
2. 確保您的表單具有正確設置的正確操作屬性。