JSON을 양식 매개 변수로 사용

Question

양식 매개 변수로 JSON을 보내는 데 문제가 있습니다. I는 다음과 같은 코드를 가지고 형태가 제출 스프링 MVC 컨트롤러 메소드는 수신 한 후

form = Ext.DomHelper.append(document.body, { 
           action: '/exportExcel', 
           cn: [ 
             { 
              tag:'input', 
              name : 'columnsToTitles', 
              value : Ext.JSON.encode(exportConfig[1])             
             }, 
             { 
              tag:'input', 
              name : 'reportName', 
              value : 'Final Reports' 
             } 
           ], 
           method: 'exportWorkItems' || 'GET', 
           tag: 'form', 
           target: frameId 
          }); 
form.submit(); 
form.onload = null;         
form.parentNode.removeChild(form); 

Ext.JSON.encode을 (exportConfig [1]) { "다음 JSON 문자열

"{"title":"Title","seqTask":"SeqTask","platform":"Platform"}" 

평가 '을 (를)'columnsToTitles '요청 매개 변수로 사용하십시오. 이전에 비슷한 인코딩 기술을 사용했고 효과가있었습니다. 왜 나는 단지 "{"를 매개 변수로 받습니까? 이견있는 사람?

Answer 1

문제는 DOMHelper이 JSON 문자열의 따옴표를 올바르게 이스케이프 처리하지 못한다는 것입니다. 자동으로 이전 HTML 이스케이프 다른 임의의 속성의 값이 현재되지 않습니다 : 그것은

참고이 기능이 명확하게 문서에 기록됩니다

<input name="columnsToTitles" value="{"title":"Title","seqTask":"SeqTask","platform":"Platform"}"> 

처럼 보이는 입력 필드를 생성하는 것 요소의 HTML 문자열을 작성합니다. 즉, 속성 값에 큰 따옴표로 된 속성 값에 일반적으로 허용되지 않는 특수 자를 포함하는 경우 미리 수동으로 HTML 인코딩해야합니다 ( Ext.String.htmlEncode 참조). 잘못된 형식의 HTML이 생성 될 위험이 있습니다. 이 동작은 다음 릴리스에서 변경 될 수 있습니다.

따라서, 당신은 단지

form = Ext.DomHelper.append(document.body, { 
    action: '/exportExcel', 
    cn: [{ 
     tag:'input', 
     name : 'columnsToTitles', 
     value : Ext.String.htmlEncode(Ext.JSON.encode(exportConfig[1])) 
    }, 

그런 다음 귀하의 의견 태그가 확실 전체 JSON 문자열이 전송되는 확인하기 위해 네트워크 탭을 확인 했

<input name="columnsToTitles" value="{&quot;title&quot;:&quot;Title&quot;,&quot;seqTask&quot;:&quot;SeqTask&quot;,&quot;platform&quot;:&quot;Platform&quot;}"> 

Answer 2

form.submit() 작업은 JSON 형식을 올바르게 보낼 수 없습니다. Ext.Ajax.Request을 사용할 수 있습니다. 나는 이것이 더 나은 접근이라고 생각한다. 예는 here입니다.