如何在 Javascript 和 Ajax 中捕获表单提交创建的 URL答案

【问题标题】：How to capture URL created by form submit in Javascript and Ajax如何在 Javascript 和 Ajax 中捕获表单提交创建的 URL
【发布时间】：2016-01-29 20:54:42
【问题描述】：

我需要帮助创建可点击的 URL。我们目前在 peoplesoft 中使用 PeopleCode 来调用 Iscript。那个 Iscript 调用 HTML。我们在下面创建了这个表单来构建我们的 URL

<form id="form1" name="frmHostedCheckout" method="POST" action="XXXXXXXXX">
  <input type="hidden" id="api_token" name="api_token" value="XXXXXXXXX" />
  <input type="hidden" id="school_id" name="school_id" value="XXXXXX" />
  <input type="hidden" id="student_id" name="student_id" value="%BIND(:1)" />
  <input type="hidden" id="email_address" name="email_address" value="%BIND(:2)" />
  <input type="hidden" id="curriculum_id" name="curriculum_id" value="8" />
  <input type="hidden" id="first_name" name="first_name" value="%BIND(:3)" />
  <input type="hidden" id="last_name" name="last_name" value="%BIND(:4)" />
  <input type="hidden" id="group" name="group" value="HavenTestGroup1" />
</form>

我们正在使用以下 JavaScript 提交表单...

< script type = "text/javascript" >
  form1.submit(function() { 
      $.ajax({ 
            data: $(this).serialize(), 
            type: $(this).attr('method'), 
            url: $(this).attr('action'), 
            success: function(response) { 
                  $('#created').html(response);
	          }
      });
      return false; 
}); 
< /script>

当我运行它时，我们会得到一个 URL 字符串，但它不是可点击的超链接。我们怎样才能使 URL 可点击？

Result from code

【问题讨论】：

我认为你必须更清楚，发布的代码是无效的，而且它根本不起作用。
“捕获表单提交的URL”是什么意思？你的意思是最终发布的网址？比如：example.com/form.php?name=x&email=y ????
代码有效，因为我得到了一个 URL。它只是文本，我无法单击它转到它。我可以复制并粘贴到新的浏览器窗口中，然后 URL 将转到我想要的位置。我希望能够单击此代码创建的 URL 并转到该链接。无需复制和粘贴。

标签： javascript jquery html ajax peoplesoft

【解决方案1】：

我认为你应该改变这一行：

$('#created').html(response);

对此：

$('#created').html('<a href="path-to-file-or-place">' +response + '</a'>);

【讨论】：

有没有办法使响应成为“文件或位置的路径”？这就是我需要的。 URL 是我想要点击的响应。所以这个 JavaScript 正在提交一个创建 URL 的表单。我需要能够点击该 URL（响应）。