客户端在收到整个响应之前关闭了连接-onClick跟踪错误

Question

我有这个跟踪功能：

function trackMe(link, myID) {
    var trackPath = "http://www.theurl.com" + myID + "&size=1x1";
    var img = $('<img>');
    img.attr('src', trackPath);
    img.appendTo('div.promo');
}

它是从一个href照原样发射的：

<a href="http://www.togolink.com" onclick="trackMe(this, 'SpecialCode1');">Buy</a>

在Charles代理中，当我点击href:时，我收到以下错误

Client closed connection before receiving entire response

并且跟踪像素没有被正确地发送/接收。

知道是什么原因造成的吗？

Answer 1

制作href="#"，因为点击时会将其定向到http://www.togolink.com

<a href="#" onclick="trackMe(this, 'SpecialCode1');">Buy</a>

此外，我认为链接和myID之间应该有更多的东西，比如

"http://www.theurl.com?id=" + myID + "&size=1x1";

最重要的是，既然你已经在使用jquery，为什么要使用inline javascript，为什么不使用jquery click event handler。

HTML:

<a href="#" link="http://www.theurl.com" id="SpecialCode1">Buy</a>
//you can change value of for attribute as per your requirement.

jquery:

$('a#SpecialCode1').click(function(){
    var link = $(this).attr("link");
    var myID = $(this).attr("id");
    var trackPath = link + myID + "&size=1x1";
    var img = $('<img>');
    img.attr('src', trackPath);
    img.appendTo('div.promo');
    window.location = link ;
});

示例