반응형
JavaScript/jQuery에서 쿼리 문자열로 개체 직렬화
개체를 쿼리 문자열 형식으로 직렬화하는 방법에 대한 정보를 찾고 있지만 모든 검색 결과가 반대 방향으로 가는 방법(문자열/형식/JSON으로 가는 방법)에 대한 결과에 빠져 있습니다.
있습니다
{ one: 'first', two: 'second' }
그리고 나는 원합니다.
?one=first&two=second
이것을 하는 좋은 방법이 있습니까?플러그인이든 뭐든 상관없어요 - 제가 찾은 코드가 플러그인이 아니라면, 어쨌든 하나에 다시 쓸 거예요...
너는 원한다$.param()
: http://api.jquery.com/jQuery.param/
구체적으로 다음과 같이 하십시오.
var data = { one: 'first', two: 'second' };
var result = $.param(data);
다음과 같은 것이 주어졌을 때:
{a: 1, b : 23, c : "te!@#st"}
$.param
다음을 반환합니다.
a=1&b=23&c=te!%40%23st
빠른 비 JQuery 기능의 경우...
function jsonToQueryString(json) {
return '?' +
Object.keys(json).map(function(key) {
return encodeURIComponent(key) + '=' +
encodeURIComponent(json[key]);
}).join('&');
}
배열이나 중첩된 개체는 처리하지 않습니다.
다른 옵션은 노드 쿼리 문자열일 수 있습니다.
두 가지 모두에서 사용할 수 있습니다.npm
그리고.bower
그래서 제가 그걸 사용해 온 거예요
또는 YUI에는 http://yuilibrary.com/yui/docs/api/classes/QueryString.html#method_stringify 이 있습니다.
예:
var data = { one: 'first', two: 'second' };
var result = Y.QueryString.stringify(data);
언급URL : https://stackoverflow.com/questions/3308846/serialize-object-to-query-string-in-javascript-jquery
반응형
'programing' 카테고리의 다른 글
ajax 요청의 label TokenMismatchException (0) | 2023.08.24 |
---|---|
사용자 'root'@'172.19.0.2'(암호 사용: YES)에 대한 액세스가 거부되었습니다(윈도우즈의 경우 도커). (0) | 2023.08.24 |
@angular/core/core에서 Ng serve throwing @에 내보낸 멤버 'eFactoryDef'이 없습니다. (0) | 2023.08.24 |
Asp의 Web.config 설정에 액세스합니다.NetCore 앱? (0) | 2023.08.24 |
MariaDB: 새 레코드 쓰기를 조건부로 중단하는 삽입 전 트리거 (0) | 2023.08.24 |