ホームページ  >  記事  >  コンピューターのチュートリアル  >  JavaScript を使用して、ループを通じてテキストボックスのコンテンツを抽出し、それを JSON 形式に変換して新しいウィンドウに表示する方法

JavaScript を使用して、ループを通じてテキストボックスのコンテンツを抽出し、それを JSON 形式に変換して新しいウィンドウに表示する方法

PHPz
PHPz転載
2024-01-22 12:48:12523ブラウズ

JavaScript を使用して、ループを通じてテキストボックスのコンテンツを抽出し、それを JSON 形式に変換して新しいウィンドウに表示する方法

JavaScript のループでテキスト ボックスの内容を抽出し、json 形式にして新しいウィンドウに送信して表示する方法

ID が連続していません。この ID 属性は役に立ちません

2つの方法を思いつきます

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 からデータを取得する方法 ###すべて展開###

返された文字列によると、複数の json に結合された js 配列の形式であることがわかります。

文字列のみが返される場合は、その文字列を js オブジェクトに変換する必要があります。

Jquery の $.each() メソッドを使用して js 配列をループし、各 json オブジェクトのデータを取得します。

str = '[{"キー":"値","キー":[{"キー1":"値1","キー2":"値2"},{"キー1":"値3","キー2 ":"value4"}],"obj":{"id":1,"msg":"success"}}]';

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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はdocexcel.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。