>  기사  >  컴퓨터 튜토리얼  >  JavaScript를 사용하여 루프를 통해 텍스트 상자 내용을 추출하고 JSON 형식으로 변환하여 새 창에 표시하는 방법

JavaScript를 사용하여 루프를 통해 텍스트 상자 내용을 추출하고 JSON 형식으로 변환하여 새 창에 표시하는 방법

PHPz
PHPz앞으로
2024-01-22 12:48:12532검색

JavaScript를 사용하여 루프를 통해 텍스트 상자 내용을 추출하고 JSON 형식으로 변환하여 새 창에 표시하는 방법

자바스크립트에서 루프에 있는 텍스트 상자의 내용을 추출하여 json 형식으로 만들어 새 창에 보내 표시하는 방법

ID가 연속적이지 않습니다. 이 ID 속성은 쓸모가 없습니다

저는 두 가지 방법을 생각합니다

1,

페이지의 모든 텍스트 상자를 꺼내고 DOM을 탐색하거나 jquery $("texterea") 또는 querySelectorAll("textarea")을 사용할 수 있습니다

var data={},nodes=querySelectorAll("textarea"); //모든 텍스트 상자가 유용할 수도 있습니다

for(var i=0,l=nodes.length;i

data[nodes[i].id]=nodes[i].value; //조건에 맞지 않는 텍스트 상자가 있으면 여기에서 필터링할 수도 있습니다

};

var json=JSON.stringify(data);//Json이 나옵니다. 새 페이지로 보내시겠습니까? 뭘 원하는지 모르겠어요 2.

프로그램이 페이지를 출력할 때 json도 출력해야 합니다. 전제 조건은 페이지가 사용자에 의해 작성된다는 것입니다

json에서 데이터를 가져오는 방법

모두 펼치기

반환된 문자열에 따르면 js 배열이 여러 개의 json으로 이어진 형태임을 알 수 있습니다.

문자열만 반환되는 경우 문자열을 js 개체로 변환해야 합니다.

Jquery의 $.each() 메서드를 사용하여 js 배열을 반복하고 각 json 개체의 데이터를 검색합니다.

str = '[{"key":"value","keys":[{"key1":"value1","key2":"value2"},{"key1":"value3","key2": "value4"}],"obj":{"id":1,"msg":"성공"}}]';

str_json = eval("(" + str + ")"); //문자열을 js 객체로 변환

$.each(str_json,fucntion(a,b){

alert(a); //배열의 키를 팝업합니다

alert(b.id); //삭제할 데이터 팝업

});

JS javascript가 일반 배열을 JSON 배열로 변환하는 방법

우선 배열에 구문 오류가 있습니다~

JS에서 json은 문자열 표현입니다. B는 분명히 객체이며 json과 아무 관련이 없습니다~

그래서 js 객체(배열)와 json 문자열 사이를 변환하는 중입니다~

그런 다음 A(js의 예는 Camel 규칙을 사용하므로 소문자 a로 작성해야 함)는 다음과 같이 작성해야 합니다.

var a = {

name: "XXXX", //속성도 Camel 규칙입니다

연도: 1990,

늙은 나이: 21

};

다음은 JSON 클래스를 사용하여 변환하는 문제입니다.

var b = JSON.stringify(a); //b는 json 문자열이라는 점에 유의하세요

JSON 개체를 찾을 수 없다면 브라우저 버전이 너무 오래된 것입니다

json 클래스 라이브러리를 수동으로 참조해야 합니다

"json2.js"를 직접 다운로드하고 인용해주세요

도움이 되셨으면 좋겠습니다~

빌스케이트

JS를 사용하여 json 형식 데이터를 배열에 쓰는 방법

json 배열 zhidao도 배열입니다

//1,

var jsonstr="[{'name':'a','value':1},{'name':'b','value':2}]";

var jsonarray = eval('('+jsonstr+')');

var arr =

{

"이름": $('#names').val(),

"값" : $('#values').val()

}

jsonarray.push(arr);

//2、

var json={}; // json 객체 정의

json.array1=["2","4"];//새 속성을 추가합니다. 이 속성은 배열입니다

json.array1[json.array1.length]='6'; //배열에 요소 추가

경고(json.array1)

위 내용은 JavaScript를 사용하여 루프를 통해 텍스트 상자 내용을 추출하고 JSON 형식으로 변환하여 새 창에 표시하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 docexcel.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제