Ajax Syntax: Uncaught Syntaxerror: Unerwartete Kennung

Question

Ich erhalte diese

Uncaught SyntaxError: Unexpected identifier error

, Warum? Ich denke, ich habe die Syntax richtig verwendet?

// I've revised it 
var json; 
json = '{"1438905600":0,"1438992000":0}'; 
setTimeout($('#example-heatmap').each(function() { 
    if(json != null){ 
    var obj = $.parseJSON(json); 
    var now = new Date(); 
    new CalHeatMap().init({ 
     data: obj, 
     start: new Date(2016, 0), 
     cellSize: 11, 
     range: 9, 
     domain: 'month', 
     domainLabelFormat: '%Y-%m', 
     itemSelector: '#example-heatmap', 
     legend: [1, 3, 5, 7], 
     legendColors: { 
     min: '#efefef', 
     max: 'steelblue', 
     empty: '#efefef' 
     }, 
      tooltip: true 
     //start: new Date(now.getFullYear(), now.getMonth() - 9) 
    }); 
    } else { 
     setTimeout(arguments.callee, 100); 
    } 
})); 

Answer 1

Sie passieren einen Aufruf an jQuery#each in setTimeout, aber setTimeout erwartet eine Funktion oder einen String einen JavaScript-Code-Block enthält. jQuery#each gibt keine zurück.

Der zurückgegebene Wert wird in die Zeichenfolge [object Object] konvertiert, und dies verursacht den Syntaxfehler.

Um dies zu beheben, eine Lambda-Funktion erstellen Ihren Anruf jQuery#each enthalten:

setTimeout(function() { 
    $('#example-heatmap').each(function() { 
     if (json != null) { 
      var obj = $.parseJSON(json); 
      var now = new Date(); 
      new CalHeatMap().init({ 
       data: obj, 
       start: new Date(2016, 0), 
       cellSize: 11, 
       range: 9, 
       domain: 'month', 
       domainLabelFormat: '%Y-%m', 
       itemSelector: '#example-heatmap', 
       legend: [1, 3, 5, 7], 
       legendColors: { 
        min: '#efefef', 
        max: 'steelblue', 
        empty: '#efefef' 
       }, 
       tooltip: true 
        //start: new Date(now.getFullYear(), now.getMonth() - 9) 
      }); 
     } else { 
      setTimeout(arguments.callee, 100); 
     } 
    }); 
}); 

Ich muss allerdings sagen, dass das, was man sieht sehr hacky tun. Sie verwenden arguments.callee, das jetzt veraltet ist, anscheinend in einem Versuch, auf eine asynchrone Operation zu warten. Sie sollten stattdessen die Asynchronität ordnungsgemäß behandeln, indem Sie Rückrufe oder Versprechen verwenden.

Answer 2

Ich denke, Ihre .replace() ist nicht korrekt.

var tmp = content.replace('<![CDATA[').replace(']]>'); 

.replace() erwartet searchvalue und newvalue als auf bestimmten W3Schools

string.replace(searchvalue,newvalue)