AJAX-Anfrage in ColdFusion

Question

Wie kann ich eine AJAX-Anfrage in ColdFusion machen?

Ich habe meine javascript:

function getdata(){ 
    var formElements=document.getElementById("CFForm_1").elements;  
    var data=[]; 
    for (var i=0; i<formElements.length; i++){ 
     if(formElements[i].name == 'customersid') 
      data.push({'customersid':document.getElementById("customersid").value}); 
     if(formElements[i].name == 'customerstoid') 
      data.push({'customerstoid':document.getElementById("customerstoid").value}); 
    } 

    $.ajax(
    { 
     type: "get", 
     url: "components/BillingCalc.cfc", 
     data: { 
       method:"ajaxGetTotalCost", 
       data: data.join() 
      }, 
     dataType: "json", 
     success: function(objResponse){ 

     } 
    }); 
    } 

Meine Komponente:

component displayName="Calc" { 

remote function ajaxGetTotalCost(data){ 
    data = deserializeJSON(arguments.data); 
    WriteDump(data); abort; 
} 

Ich erhalte die Fehlermeldung: JSON Parsen Versagen bei dem Charakter 2: 'o' in [object Object], [Objekt Objekt] Kann jemand AJAX-Anfrage in CF tun?

Answer 1

Diese Funktion:

remote function ajaxGetTotalCost(data){ 
data = deserializeJSON(arguments.data); 
WriteDump(data); abort; 
} 

ist nicht vollständig. Es ist in der Phase, wo Sie es von einer ColdFusion-Seite aufrufen müssen, nicht mit Javascript. Dadurch können Sie die Ergebnisse des Befehls writedump(data) sehen, um sicherzustellen, dass Sie das erwarten. Sie müssen der Funktion mehr Code hinzufügen, damit sie eine Variable erzeugt, die JavaScript empfangen kann, und diese Variable dann an das zurückgeben, was die Funktion aufruft.

Answer 2

Das Problem bezieht sich auf dataType Attribut, das Sie mit $.ajax() Methode übergeben. dataType: "json" zeigt an, dass Ihre AJAX-Anfrage JSON Daten als Antwort erwartet. Aber in Ihrem Fall geben Sie einfach DUMP des deserialisierten JSON zurück, das ist HTML nicht JSON. Wenn Sie möchten, dass es ordnungsgemäß funktioniert, müssen Sie JSON Daten von Ihrer ColdFusion-Funktion zurückgeben. Sie können dies versuchen und sehen, ob es funktioniert.

remote function ajaxGetTotalCost(data){ 
    data = deserializeJSON(arguments.data); 
    return serializeJSON(data)); 
}