javascript - 通过 JavaScript 打开 url，重定向到 ?results=aaa 而不是 results?q=aaa

Question

我有一个问题。我尝试直接从我的网站使用外部搜索引擎，但 JavaScript 似乎会自动更改我的 URL，我不知道为什么。

这是我的 JavaScript 代码:

  var form = document.querySelector('#my-form'),
  text_field = document.querySelector('#results');

  function submitHandler(){
      window.open('https://myurl.com/results?q=' + text_field.value);
      win.focus();
  }

  // attach custom submit handler
  form.onsubmit = submitHandler;

这是我的 html 表单代码:

<form method="get" id="my-form">
<input type="text" name="results" id="results" value="" placeholder="Search...">
</form>

为什么这段代码会重定向到https://myurl.com/?results=aaa 而不是 https://myurl.com/results?q=aaa ？

Answer 1

您需要阻止默认提交行为:

function submitHandler(e){
  e.preventDefault();
  window.open('https://myurl.com/results?q=' + text_field.value);
  win.focus();
}

提交处理程序将传递一个事件对象。在本例中e。调用方法 preventDefault 将阻止默认行为并为您提供所需的结果。

这是一个 fiddle : https://jsfiddle.net/m5h132nj/