使用onsubmit事件獲取查詢字符串

我想將表單提交轉換爲ajax請求。這裏是我的代碼：使用onsubmit事件獲取查詢字符串

<html> 
<head> 
<meta charset="iso8859-9"> 
<script> 

    document.addEventListener("DOMContentLoaded", function(event) { 

    document.getElementById("query_form").onsubmit = function(event) { 
     console.log(event); 
     return false; 
    } 
    }); 
</script> 
</head> 

<body> 
<form action="query.php" id="query_form" method="get"> 
<input name="first"> 
<input name="second"> 
<button type="submit"> 
</form> 
<table id="results"></table> 
</body> 
</html>

我可以在onsubmit事件只是讀來計算的查詢字符串與AJAX使用它，或者我需要使用JavaScript來創建它自己。如果可能，我不想使用外部庫。

來源

2015-12-22 yasar

我可以只讀取計算的查詢字符串onsubmit事件與AJAX使用它

號

，我需要使用javascript

創建它自己是。

一個通用的解決方案將涉及循環event.target.elements，集合名稱/值對，同時過濾掉字段集，禁用的元素，未選中的複選框/單選按鈕，正確處理多個選擇，然後在加入之前通過所有結果encodeURIComponent(name) + "=" + encodeURIComponent(value)&。

來源

2015-12-22 10:23:18 Quentin

使用onsubmit事件獲取查詢字符串

回答

相關問題