javascript - 为什么多次表单提交点击没有多次调用url？

Question

请引用下面的 fiddle 。

<form method="get" action="/cart/add" target="top">
  <input type="text" name="q" value="">
  <input type="submit" value="Search Google">
</form>



var parent = document.getElementsByTagName("script")[0];
var script = document.createElement("script");
var url = "http://www.google.com";

$("form[action='/cart/add']").find(':submit').click(function(event){
    script.src = url;
    parent.appendChild(script);
  });

http://jsfiddle.net/nihalsharma/r6vdga95/

我有一个疑问。为什么不多次点击提交按钮并一次又一次地点击网址呢？如果我想每次点击提交按钮时都点击我的网址怎么办？

Answer 1

表单提交基于您拥有一些数据的事实，单击submit按钮将完成表单并导致浏览器加载表单指示应加载的URL。通常在同一 View 中，因此您会丢失旧页面并获得新页面，但如果您使用您所做的，它将在新选项卡中打开。

这正是它正在做的事情。如果您单击“提交”按钮，它将在新选项卡中打开表单 URL，并且单击“提交”将继续在(同一)选项卡中(重新)打开表单。如果您多次点击“提交”，则会多次打开提交 URL。

您的代码完全执行了它应该执行的操作。