首页 电脑教程 电脑知识 使用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顺带也输出了吧,前提页面是你写的

<;!--你说id是不是鸡肋-->

json取数据怎么取

展开全部

根据返回的字符串可以看出是多个json拼接成的js数组的形式。

如果返回的只是字符串须现将字符串转成js对象。

使用Jquery的$.each()方法循环js数组取出每一个json对象的数据。

str = '[{"key":"value","keys":[{"key1":"value1","key2":"value2"},{"key1":"value3","key2":"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

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

<🎜>:泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系统,解释
4 周前 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教程
1673
14
CakePHP 教程
1429
52
Laravel 教程
1333
25
PHP教程
1278
29
C# 教程
1257
24
安装图形驱动程序后,努力修复黑屏 安装图形驱动程序后,努力修复黑屏 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)的一系列修复程序。请继续

修复安全选项卡未在文件夹属性中显示Windows 11 修复安全选项卡未在文件夹属性中显示Windows 11 Apr 17, 2025 am 12:36 AM

文件属性中的“安全”选项卡有助于将不同组和用户设置为文件或文件夹的不同权限。 一些用户发现文件属性中缺少Windows 11安全选项卡。来自PHP.CN的这篇文章提供了一些修复它的方法。

黑色文件夹背景窗口的社区技巧10/11 黑色文件夹背景窗口的社区技巧10/11 Apr 15, 2025 am 12:40 AM

打开文件资源管理器时,查看黑色文件夹背景10/11?在PHP.CN解决方案的这篇文章中,您将学习一些有用的解决方案,以删除文件夹中的黑色背景。

该文件无法在OneDrive中显示 - 如何解决该文件? 该文件无法在OneDrive中显示 - 如何解决该文件? Apr 18, 2025 am 12:47 AM

访问特定文件夹时,您是否正在努力处理“无法显示该文件”错误?一些用户抱怨这种麻烦并寻找有用的措施。有关该文件的本文无法从php.cn Wil中显示

指南 - 如何停止已过期的Windows Server自动驶入? 指南 - 如何停止已过期的Windows Server自动驶入? Apr 18, 2025 am 12:48 AM

一些用户报告说,许可证到期后,他们符合Windows Server自动驶入问题。来自PHP.CN的这篇文章会教您如何停止过期的Windows Server自动检查。现在,继续阅读。

See all articles