首頁 電腦教學 電腦知識 使用JavaScript如何透過循環提取文字方塊內容並將其轉換為JSON格式在新視窗中顯示

使用JavaScript如何透過循環提取文字方塊內容並將其轉換為JSON格式在新視窗中顯示

Jan 22, 2024 pm 12:48 PM

使用JavaScript如何透過循環提取文字方塊內容並將其轉換為JSON格式在新視窗中顯示

javascript怎麼循環提取文字方塊內容做成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取資料怎麼取

展開全部

根據傳回的字串可以看出是多個json拼接成的js陣列的形式。

如果傳回的只是字串鬚現將字串轉成js物件。

使用Jquery的$.each()方法循環js數組取出每個json物件的資料。

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

str_json = eval("(" str ")");//將字串轉換成js物件

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

#alert(a);//彈出陣列的key

alert(b.id);//彈出要取出的資料

});

JS javascript如何把普通陣列轉換成JSON陣列

先說一句~你的陣列有文法錯誤~

而在JS中json是字串表現形式,你的B顯然是個對象,跟json沒啥關係的~

所以是在js物件(陣列)和json字串之間轉換~

那你的A(js中實例使用Camel規則,所以要寫成小寫a)就應該寫成:

var a = {

name: "XXXX", //屬性也是Camel規則

year: 1990,

old: 21

};

然後就是轉換問題了,使用JSON類別:

var b = JSON.stringify(a); //注意,b是json字串

如果找不到JSON物件說明你瀏覽器版本太老

#就需要手動引用json類別庫

請自行"json2.js"下載並引用

希望對您有幫助~

By Billskate

JS怎麼將json格式資料寫入數組

json 陣列zhidao也是陣列

//1、

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

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

var arr =

{

"name" : $('#names').val(),

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

}

jsonarray.push(arr);

//2、

var json={};// 定義一個json物件

json.array1=["2","4"];// 增加一個新屬性,此版屬性是數組權

json.array1[json.array1.length]='6';// 陣列追加一個元素

alert(json.array1)###

以上是使用JavaScript如何透過循環提取文字方塊內容並將其轉換為JSON格式在新視窗中顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1665
14
CakePHP 教程
1424
52
Laravel 教程
1322
25
PHP教程
1270
29
C# 教程
1249
24
FIXDISK Windows 7:檢查您的硬盤是否Windows 7中的錯誤 FIXDISK Windows 7:檢查您的硬盤是否Windows 7中的錯誤 Apr 14, 2025 am 12:40 AM

如果您懷疑自己的硬盤遇到問題,可以檢查Windows 7上的錯誤。此php.cn帖子討論了FixDisk Windows 7。您可以遵循該指南以檢查Windows 7上的錯誤。

核心隔離是否被ew_usbccgpfilter.sys阻止?這是修復程序! 核心隔離是否被ew_usbccgpfilter.sys阻止?這是修復程序! Apr 13, 2025 am 12:47 AM

許多Surfacebook用戶報告說,他們符合Windows 11/10上的“由EW_USBCCGPFILTER.SYS阻止的核心隔離”問題。 PHP.CN的這篇文章有助於解決煩人的問題。繼續閱讀。

安裝圖形驅動程序後,努力修復黑屏 安裝圖形驅動程序後,努力修復黑屏 Apr 15, 2025 am 12:11 AM

在Windows 10/11中安裝了像NVIDIA驅動程序這樣的圖形驅動程序之後,您是否曾經遇到過黑屏?現在,在PHP.CN的這篇文章中,您可以找到一些值得嘗試的NVIDIA驅動程序更新黑屏的解決方案。

KB2267602無法安裝:這是解決方法! KB2267602無法安裝:這是解決方法! Apr 15, 2025 am 12:48 AM

KB2267602是Windows Defender的保護或定義更新,旨在修復Windows中的漏洞和威脅。一些用戶報告說他們無法安裝KB2267602。這篇來自PHP.CN的帖子介紹瞭如何修復“ KB2267602 FAI

突襲恢復和硬盤恢復之間的區別 突襲恢復和硬盤恢復之間的區別 Apr 17, 2025 am 12:50 AM

數據恢復始終是一個加熱的話題。要成功地從設備恢復數據,您應該知道它如何存儲數據。您可以從此PHP.CN帖子中學習RAID恢復和硬盤恢復之間的區別。

如何在Windows中修復文件系統錯誤(-1073741521)? -  Minitool 如何在Windows中修復文件系統錯誤(-1073741521)? - Minitool Apr 16, 2025 am 12:37 AM

文件系統錯誤通常在人們的計算機上發生,並且該錯誤可能觸發一系列鏈接的故障。 PHP.CN網站上的本文將為您提供針對文件系統錯誤(-1073741521)的一系列修復程序。請繼續

如何修復此應用程序不支持選擇的FILETYPE 如何修復此應用程序不支持選擇的FILETYPE Apr 13, 2025 am 12:41 AM

在團隊或Excel打開文件時,您是否會遭受錯誤消息“此應用程序所選擇的FILETYPE”?現在,請閱讀PHP.CN的這篇文章,以獲取有關此問題的一些有用解決方案。

修復安全選項卡未在文件夾屬性中顯示Windows 11 修復安全選項卡未在文件夾屬性中顯示Windows 11 Apr 17, 2025 am 12:36 AM

文件屬性中的“安全”選項卡有助於將不同組和用戶設置為文件或文件夾的不同權限。 一些用戶發現文件屬性中缺少Windows 11安全選項卡。來自PHP.CN的這篇文章提供了一些修復它的方法。

See all articles