ホームページ > 記事 > コンピューターのチュートリアル > 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 に結合された 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 形式のデータを配列に書き込むのでしょうか
//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 サイトの他の関連記事を参照してください。