xhr.post JSON 응답을받지 못합니다.

Question

Dojo를 사용하여 내 서버에 게시하려고합니다. 서버가 JSON 응답을 반환하고 있습니다 (나는 그것을 디버깅하고 합리적인 값을 반환하는 것을 알고 있습니다).하지만 반환 할 때 Javascript 콘솔에 '구문 오류'가 표시됩니다. 어떤 아이디어?

function submitStatusUpdate() { 
    dojo.xhr.post({    
      form:"statusUpdateForm", 
      handleAs: "json", 
      load: function(data){ 
       alert('Saved with id ' + data.id); 
      }, 
      error: function(err, ioArgs){ 
       // again, ioArgs is useful, but not in simple cases 
       alert('An error occurred'); 
       console.error(err); // display the error 
      } 
    });  
} 

나는이

function submitStatusUpdate() { 
    var posted = dojo.xhr.post({    
      form:"statusUpdateForm", 
      load: function(data){ 
      }, 
      error: function(err, ioArgs){ 
       // again, ioArgs is useful, but not in simple cases 
       console.error(err); // display the error 
      } 
    });  
    posted.then(function(response){ 
     alert('returned ' + response); 
    }); 
} 

처럼 시도했습니다하지만 내 경고에 인쇄됩니다 응답 그냥 내 전체 페이지의 HTML 것으로 보인다. 나는 JSON 객체를 기대하고있다. 폼을 제출하고 응답을 읽는 콜백 함수를 갖는 방법을 알려주는 간단한 예제를 찾으려고 고군분투하고 있습니다.

감사

편집 (지도 리처드 덕분에)

이 작업 버전입니다.

<script language="Javascript"> 

dojo.require("dijit.form.Button"); 
dojo.require("dijit.form.TextBox"); 
dojo.require("dijit.form.CheckBox"); 

function sendForm(){ 

    var form = dojo.byId("myform"); 

    dojo.connect(form, "onsubmit", function(event){ 
    // Stop the submit event since we want to control form submission. 
    dojo.stopEvent(event); 

    // The parameters to pass to xhrPost, the form, how to handle it, and the callbacks. 
    // Note that there isn't a url passed. xhrPost will extract the url to call from the form's 
    //'action' attribute. You could also leave off the action attribute and set the url of the xhrPost object 
    // either should work. 
    var xhrArgs = { 
     form: dojo.byId("myform"), 
     load: function(data){ 
     // As long as the server is correctly returning JSON responses, the alert will 
     // print out 'Form posted. ' and then the properties and values of the JSON object returned 
     alert("Form posted." + data); 
     }, 
     error: function(error){ 
     // We'll 404 in the demo, but that's okay. We don't have a 'postIt' service on the 
     // docs server. 
     alert("error"); 
     } 
    } 
    // Call the asynchronous xhrPost 
    alert("Form being sent..."); 
    var deferred = dojo.xhrPost(xhrArgs); 
    }); 
} 
dojo.ready(sendForm); 

</script> 

이것은 내 양식이 어떻게 보이는지 (종류)입니다. 이것은 어쨌든 작동 할 것입니다 (실제 양식은 훨씬 큽니다). 흥미롭게도 나는 일을 얻을 [... 버튼]을에 ... = "제출"입력 유형] 태그를 내 정상을 변경했다 제대로

<form method="post" id="theform" action="postIt"> 
    <input value="Some text" name="formInput" type="text"/>  
    <input name="checkboxInput" type="checkbox"/> 
    <button id="submitButton" type="submit">Send it!</button> 
</form> 

Answer 1

일반적으로 XMLHttpRequest의 응답을 구문 분석에

자바 스크립트 구문 오류 서버의 유효하지 않은 데이터를 나타냅니다. XMLHttpRequest 트래픽을 모니터링하는 데 내가 가장 좋아하는 도구는 Firebug입니다. JSON을 구문 분석하여 잘못된 것이 있으면 즉시 알 수 있습니다.

서버의 JSON 데이터가 유효하다고 판단한 후에는 다음을 확인하십시오. example from the Dojo documentation. 나는 네가하려는 일을한다고 생각해.