Question

我想将表单提交转换为ajax请求。这是我的代码：

<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自行创建它。如果可能，我不想使用外部库。

Answer 1

我是否可以在onsubmit事件中读取计算出的查询字符串，以便将其与ajax一起使用

没有

我是否需要使用javascript
自行创建

是

一般解决方案将涉及循环event.target.elements，集合名称/值对，同时过滤掉fieldsets，禁用元素，未选中复选框/ radiobuttons，正确处理多个选择，然后通过encodeURIComponent(name) + "=" + encodeURIComponent(value)传递所有结果在加入&之前。

使用onsubmit事件获取查询字符串

1 个答案: