>웹 프론트엔드 >JS 튜토리얼 >json 형식 데이터를 background_jquery에 전달하는 jQuery의 방법

json 형식 데이터를 background_jquery에 전달하는 jQuery의 방법

WBOY
WBOY원래의
2016-05-16 16:14:071192검색

이 기사의 예에서는 jQuery가 json 형식 데이터를 백그라운드로 전송하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

프론트 및 백엔드 데이터 상호 작용은 일반적으로 json 형식을 사용하며 백엔드는 json 대응을 엔터티 개체로 직접 변환할 수 있습니다. 향후 작업을 용이하게 하기 위해. jQuery가 데이터를 백그라운드로 전송할 때 자동으로 쿼리 문자열로 변환하고 실제로 json을 전달할 수 없다는 것을 알 수 있습니다. 또한 jquery를 사용하여 양식을 직렬화할 때 반환되는 형식은 배열이므로 추가 변환이 필요합니다. 사실, ajax 방식으로 무언가를 구성하기만 하면 완료될 수 있습니다. 코드는 다음과 같습니다.

<form id="ff"> 
  <input type="text" name="test1"/> 
  <input type="text" name="test2"/> 
  <input type="text" name="test3"/> 
  <input type="text" name="test4"/> 
  <input type="button" id="save" value="save"/> 
</form> 

$("#save").on("click", function () { 
 var params = $("#ff").serializeArray(); 
 var j = {}; 
 for (var item in params) { 
   j[params[item].name] = params[item].value; 
 } 

 $.ajax({ 
   url:'index.html', 
   data:JSON.stringify(j), 
   type:'post', 
   dataType:'json', 
   headers:{ 
 Accept:"application/json", 
 "Content-Type":"application/json" 
   }, 
   processData:false, 
   cache:false 
 }).done(function (data) { 
 }); 

}); 

크롬에서 사진과 같이 표시 형식이 보이면 백그라운드로 전달된 json 형식이

임을 의미합니다.

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.