在提交表单时加载跟踪脚本答案

【问题标题】：Load Tracking Script on Form Submit在提交表单时加载跟踪脚本
【发布时间】：2011-03-02 17:16:00
【问题描述】：

我正在尝试在成功发送表单后加载 StatCounter 跟踪脚本。代码如下：

$.ajax({
  type: "POST",
  url: "css/sendmail.php",
  data: dataString,
  success: function(data) {
    $('#script').load('css/script.html', function() ({
      $('#overlay').css('visibility','hidden');
      clearForm();
   $('#alert').slideDown().delay(5000).slideUp();
    });
  }
});

这是跟踪脚本：

<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=3886809; 
var sc_invisible=1; 
var sc_security="05496a3d"; 
</script>

<script type="text/javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><div class="statcounter">
<a title="visit tracker on tumblr" href="http://www.statcounter.com/tumblr/" target="_blank">
<img class="statcounter" src="http://c.statcounter.com/3886809/0/05496a3d/1/" alt="visit tracker on tumblr" ></a></div></noscript>
<!-- End of StatCounter Code -->

我检查了我的统计数据并且它有效。唯一的问题是代码被执行了两次。第一个显示为“http://example.com/index.html”，第二个显示为“http://example.com/index.html#”。

【问题讨论】：

请在此处张贴调用该函数的表单上的行。也很高兴看到 sendmail.php 的内容。
听起来好像有一个链接在点击之前和之后提交（因此是'#'）；无论发生这种情况，您都可以尝试返回 false，但我认为 @Codex 是正确的，您缺少一些关键的代码来回答这个问题。

标签： php javascript jquery ajax statistics

【解决方案1】：

难道就这么简单吗

<div style="display:none" id="tracker">
<!-- PUT STATCOUNTERHERE -->
</div>

并在成功函数中执行以下操作

$('#tracker').show();

另一种方式是将代码存储为 var

var statcode = "<script> blahblahblah.....";

然后就成功了

$('#whereuwanttoshowit').html(statcode);

【讨论】：