ajax (jquery)를 사용하여 파일로 양식을 제출하는 방법

Question

AJAX를 사용하여 파일로 양식을 제출하고 싶습니다. 이전에는 jQuery Form Plugin을 사용했지만 지금은 적합하지 않습니다. 서버의 응답은 HTML 형식의 JSON이므로이 플러그인은 잘못된 JSON 데이터를 처리합니다.

나는 jQuery Ajax File Upload plugin을 찾았지만 양식을 서버에 제출하는 방법을 이해하지 못했습니다. 양식 플러그인 문제 해결 또는 jQuery Ajax 파일 업로드 플러그인으로 양식 보내기. 양식 플러그인과

가

이 자바 스크립트 코드 : 서버에서

$("#form").ajaxSubmit({ 
    success: 
     function(answer){ 
      var data = $.parseJSON(answer); 

       $("#block").html(data.page); 
       } 
    } 

}); 

Responce : 성공의 기능에

{"page": "<div id=\"some-div\">\r\n <a href=\"/somelink\">somelink for examle</a>\r\n</div>"} 

데이터 이전

{"page": "<div id="\&quot;some-div\&quot;">\r\n <a href="%5C%22/somelink%5C%22">somelink for examle</a>\r\n</div>"} 

ParseJSON을 구문 분석은 responce에서 예외를 \ 때문에 "발생 교체하십시오.

Answer 1

사용이 코드

<script> 
$(document).ready(function(){ 
$("#submitform").click(function(e) 
{ 
var MyForm = JSON.stringify($("#myform").serializeJSON()); 
console.log(MyForm); 
$.ajax(
{ 
url : "<your url>", 
type: "POST", 
data : MyForm, 

}); 
e.preventDefault(); //STOP default action 

}); 
}); 
</script>