JavaScript_javascript 기술을 사용하여 JSON 형식 문자열을 작성하는 구현 단계

현재 Restful API를 사용하고 있고 웹 프로젝트를 통해 json 형식 문자열 응답을 작성해야 하는 경우 이 문서는 javascript를 사용하여 json 형식 문자열을 만드는 데 도움이 될 것입니다. 이는 매우 유용합니다. jQuery 플러그인 $.toJSON을 통해 데이터 개체를 json 형식으로 변환합니다.

JavaScript를 사용하여 JSON 형식 문자열 작성
Javascript 코드:
여기에 JavaScript 코드가 포함되어 있습니다. $(“#form”).submit(function(){}- delete_button은 양식 태그의 ID입니다. element.val()을 통해 양식 입력 상자의 값을 호출합니다. 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

> ;
">


HTML 코드:

코드 복사

코드는 다음과 같습니다.

이름

이메일
🎜>
성별
남성옵션>여성옵션>
웹사이트


submit' id='submit'/>



JSON 출력




코드 복사

코드는 다음과 같습니다:

{ "userDetails":{ "user":{ "name":"Srinivas Tamada", "이메일":"srinivas@9lessons.info",

"비밀번호":"Srinivas Tamada",

"성별":"남성",
"웹사이트":["www.software8. co","www.heatpress123.net","www.0769zzw.com"]
}
}
}


JSON 인코딩

인코딩 특수 문자인 경우 다음 문자가 인코딩됩니다
:

코드 복사
코드는 다음과 같습니다.

, / ? : @ & = $ # jsondata= {"userDetails":{"user":{"name":"Srinivas Tamada","email":"srinivas@9lessons.info", "비밀번호":"스리니바스 타마다","성별":"남성"," 웹사이트":["www.9lessons.info","www.egglabs.in","www.fglogin.com"]}}} GetPostAjax.js

jquery는 여기에서 ajax 요청 방법으로 정의됩니다.

코드 복사


코드는 다음과 같습니다.

function post_data(url,encodedata, 성공){
$.ajax({
type:"POST",
url:url,
data :encodedata,
dataType:"json",
restful:true,
contentType: 'application/json',
cache:false,
timeout:20000,
async:true,
beforeSend: function(data) { },
success:function(data){
success.call(this, data)
},
error:function(data){
alert(" 연결 중 오류 발생");
}
});
}