當提交點擊ajax調用時，你需要表單嗎？

我有一個頁面，將顯示一個帶3個字段的搜索表單和一個提交按鈕。當用戶點擊提交時，我打算做一個ajax調用，獲取數據，然後填充頁面的下半部分。我想知道的是，如果你使用ajax調用，你還會使用標籤創建表單嗎？因此，例如，這裏是一些示例HTML：當提交點擊ajax調用時，你需要表單嗎？

<H2> Search Options</H2> 
<DIV ID="searchform" class=""> 
     <input type='text' id='id'></input> 
     <input type='text' id='firstname'></input> 
     <input type='text' id='lastname'></input> 
        <input type='button' id='submit'></input> 
</DIV>

，你可以看到，我沒有與交ATTRIB集的標籤。你能告訴我爲什麼我應該/不應該在使用ajax時包含表單標籤？謝謝。如果你正在處理按鈕單擊事件Ajax調用，則沒有必要使用<form />的

來源

2013-11-28 dot

非常好的問題！我只是想知道同樣的事情。我正在爲我的網站提交一份Ajax發佈請求，我只是想知道HTML標籤是否包含了需要在表單中的參數。這完美地回答了它。 – Ninja

它完全沒有問題。

唯一的問題出現在用戶沒有啓用JavaScript的情況下。你的表單將如何表現？

來源

2013-11-28 20:42:45 user1886419

好點。我完全忘記了這一點。在我的情況下，我可以控制用戶的env，因爲這是一個企業環境。但......不過，我沒有想到。感謝您的提醒。所以如果我希望它是防彈的，我應該添加表單，通過jscript改變表單提交按鈕的默認行爲，然後從那裏做ajax？雖然如果他們關閉了jscript，那麼整個事件都會轟炸，因爲它是javscript，循環搜索結果並在頁面上顯示它們...... – dot

如果JavaScript被強制，那麼您不一定需要表單。但這是一個很好的做法！ – user1886419

* 假設JavaScript在客戶端瀏覽器

啓用。

因爲您使用document.getElementByID或其他某種機制（JQuery選擇器）獲取javascript中的每個字段。此外Ajax電話也是你手動製作的，所以你可以避免使用<form />。

使用<form />只會增加幾個字節開銷HTML頁面，沒有在這種情況下使用<form/>的任何其他好處，如果你正在處理按鈕Click事件Ajax調用。

來源

2013-11-28 20:32:54

是的。這正是我正在做的。我確實看到了其他使用表單的人的例子，然後在表單提交點擊事件中，他們運行一個JavaScript函數，然後爲他們做.post。哪種方式更好的評論？ – dot

我的建議是不要使用

謝謝Ravi。 +1也是你的！ – dot

回答

相關問題