Question

请参阅下面的小提琴。

<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/

我怀疑。为什么不多次点击提交按钮一次又一次地点击网址？如果我每次点击提交按钮时都想点击我的URL，该怎么办？

Answer 1

表单提交基于以下事实：您有一些数据，然后单击submit按钮最终确定表单并导致浏览器加载表单应指示应加载的URL。通常在同一视图中，您丢失了旧页面并获得了新页面，但如果您使用了所做的内容，则会在新标签页中打开。

这正是它正在做的事情。如果单击“提交”按钮，它将在新选项卡中打开表单URL，单击“提交”将在（相同）选项卡中保持（重新）打开表单。如果您多次单击提交，它将多次打开提交URL。

您的代码正是应该做的。

为什么多个表单提交点击不会多次调用url？

1 个答案: