Javascript 在GET方法表单中创建自定义url

我有一张这样的表格：

<form method="get" id='searchform' action="http://example.com/search">
<select name="a[]" multipile>
    <option value="car volvo">Volvo</option>
    <option value="saab">Saab</option>
<select>
</form>
<select name="b[]" multipile>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
<select>
<input type="number" name="range[]" min="1" max="5">
<button type="submit">search</button>
</form>

我可以通过post将表单发送到服务器，然后使用我的自定义url（使用php）创建新的url，然后将其重定向到新页面（使用我的自定义url）

---

但是我可以只使用HTML（或javascript？）来完成吗？

您可以使用jQuery方法来完成

---

但为了获得您试图创建的内容，您需要重命名您的输入，因为它们现在存储为输入数组。

您可以使用jQuery方法进行重命名

---

但为了获得您试图创建的内容，您需要重命名输入，因为它们现在存储为输入数组。

您可以使用以下方法使用静态html页面提交表单数据：

$(document).ready(function(){
 $("#html_form").submit(function(e){
  e.preventDefault();
  $.ajax({
   type : "post",
   url : "test2.php",
   data : $(this).serialize(),
   encode : true
  }).done(function(data){
   console.log(data);
  });
 });
});

---

此步骤也有详细说明。

您可以使用以下方法使用静态html页面提交表单数据：

$(document).ready(function(){
 $("#html_form").submit(function(e){
  e.preventDefault();
  $.ajax({
   type : "post",
   url : "test2.php",
   data : $(this).serialize(),
   encode : true
  }).done(function(data){
   console.log(data);
  });
 });
});

---

此步骤也有详细说明。

注意：它应该是

action=”http://example.com/search“

而不是

方法=”http://example.com/search“

@Kaddath。谢谢输入错误。注意：应该是

action=”http://example.com/search“

而不是

方法=”http://example.com/search“

@Kaddath。谢谢那是打字错误。

$(document).ready(function(){
 $("#html_form").submit(function(e){
  e.preventDefault();
  $.ajax({
   type : "post",
   url : "test2.php",
   data : $(this).serialize(),
   encode : true
  }).done(function(data){
   console.log(data);
  });
 });
});