javascript - jQuery ajax 的问题

Question

我在 FF、Chrome 和 IE 中遇到了不同的错误，但归根结底是 $.ajax 中的数据有错误。以下是代码。如果我犯了一个愚蠢的错误，请放轻松。我花了几个小时研究这个，但无法弄清楚。任何帮助表示赞赏。

编辑以包含错误消息

FF 错误消息:NS_ERROR_XPC_BAD_CONVERT_JS:无法转换 JavaScript 参数

Chrome 错误信息:Uncaught TypeError: Illegal invocation

IE9 错误消息:SCRIPT65535:参数不是可选的

这是代码

    mc.mc_data.click_tracking = [];
var sequence = 0;
var send_it;
// the container click event will record even extraneous clicks.  need to change it to extending the jquery on click handler
$('#container').on('click', function(event) {
    logClicks(event);
    if(!send_it){
        sendIt()
    }
    sequence++;
});


function sendIt(){
    var tracking = mc.mc_data.click_tracking;
    var url = '/ajax/click_trackin';
    console.log("clicks["+sequence+"] "+$.isArray(tracking));
    $.each(tracking, function(i,v){
        console.log(i + v.innerText + " - " + v.sequence);
    });
    send_it = window.setInterval(function(){
        $.ajax({
            type: 'POST',
            url: url,
            data: {
                clicks:tracking
            },
            success: function(response)
            {
                if(response.result.length<1){
                    console.log(response+ ': no response');
                }else{
                    console.log(response);
                    tracking = mc.mc_data.click_tracks = [];                            
                }
                mc.mc_data.click_tracks = [];
                clearInterval(send_it);
                sendIt();
            },
            error: function(a, b, c){
                console.log(a+" - " + b+" - "+ c);
                clearInterval(send_it);
            }
        });

    }, 5000);
}


//

function logClicks(e){
    var temp_click = {
      'business_id':window.mc.businessid, 
      'userid':window.mc.userid, 
      'timestamp':e.timeStamp,
      'leg':window.mc.currentLeg,
      'workflow': 'dummy data',
      'sequence': sequence,
      'type':e.type, 
      'target':e.target, 
      'parent': e.target.parentElement,
      'id':e.target.id, 
      'class':e.className,
      'innerText': $(e.target).text()
    }
    mc.mc_data.click_tracking.push(temp_click);

}

Answer 1

对于data，您要传递一个对象，该对象稍后将转换为查询字符串。您正在传递变量 tracking，它包含诸如 e.target.parentElement 之类的东西，它是一个 DOM 节点，包含很多其他属性(就像其他 DOM 节点一样! ).该错误可能源于将 DOM 节点转换为查询字符串时出现问题，或者创建的查询字符串太长。无论如何，将 DOM 节点发送到服务器没有多大意义。

只发送必要的并且可以合理转换为查询字符串的内容。