`
mushme
  • 浏览: 789349 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

复制内容的js,通过json来实现

阅读更多
复制内容的js。
需求是一个网站在收集用户的信息,内部的一个系统需要同步这些数据,两个系统不在一个服务器上,且无固定技术支持,字段比较多,一个一个复制的话,比较耗时间,所以做出这个js来。
方式是:
在系统收集网站上生成用户信息的json字符串,然后手动将json字串复制到内网的系统上。
然后点击复制内容,内容即从json字串解析出来,被添加到对应字段。
以下是代码,需要jquery支持
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>copy.html</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="/scripts/jQuery/jquery-1.3.2.js"></script>
	<script type="text/javascript">
		function copyContent(){
			var fromText=$("#fromText").val();
			arr=eval('('+fromText+')')
			$("#userName").val(arr.userName);
			$("#age").val(arr.age);
			$("#birthday").val(arr.birthday);
			$("#degree").val(arr.degree);
			return true;
		}
	</script>
  </head>
<body>
	<textarea rows="10" cols="50" id="fromText">
		{ 
			userName:'frady',
			age:'27',
			birthday:'6-13',
			degree:'2'
		}
	</textarea>
	<input id="userName" name="userName" />
	<input id="age" name="age" />
	<input id="birthday" name="birthday" />
	<select name="degree" id="degree">
		<option value="1">初中</option>
		<option value="2">高中</option>
		<option value="3">本科</option>
		<option value="4">研究生</option>
	</select>
	<input type="button" value="复制内容" onclick="copyContent();" />
</body>
</html>

分享到:
评论

相关推荐

    json可视化编辑工具(页面js实现)

    通过JavaScript实现,意味着这个工具可以在任何支持JavaScript的环境中运行,如浏览器、Node.js等,具有广泛的适用性。 压缩包中的`json_visual_deal`可能是源代码文件,包含了实现上述功能的JavaScript代码和可能...

    jQuery实现简单复制json对象和json对象集合操作示例.docx

    在处理 JSON(JavaScript Object Notation)数据时,jQuery 提供了一个方便的方法 `jQuery.extend()` 来实现对象的复制。JSON 是一种轻量级的数据交换格式,常用于在前后端之间传输数据。 在提供的示例中,`jQuery....

    Blender导出ThreeJs(.json)文件插件

    将Blender中的模型导出为Three.js的.json格式,可以让我们在网页上实现交互式的3D场景。"Blender导出ThreeJs(.json)文件插件"就是这样一个工具,它允许用户将Blender项目轻松转换为Three.js可读的格式。 该插件专为...

    前端展示json数据,格式化,可折叠展开

    这通常通过JavaScript的`JSON.parse()`函数实现,它将JSON字符串转化为JavaScript对象。然后,我们可以遍历这个对象,构建HTML结构来展示数据。 例如,一个简单的JSON查看器可以使用递归函数来处理嵌套的对象和数组...

    javascript json框架

    3. **深度克隆**:JSON框架可以实现深度克隆JavaScript对象,创建一个与原始对象完全独立的新对象,这对于复制复杂数据结构或避免意外修改非常有用。 4. **自定义序列化与反序列化**:开发者可以定义自己的规则,...

    C语言实现的 json格式字符串与结构体自动相互转化

    在C语言中,由于没有内置的反射机制,实现类似功能通常需要手动编写代码来映射JSON键值到结构体成员。这可能包括解析JSON字符串,查找对应的结构体字段,然后将值赋给这些字段。 压缩包内的文件列表揭示了项目的...

    Java图形实现json格式化

    Gson没有内置的格式化功能,但可以通过自定义`GsonBuilder`并调用`setPrettyPrinting()`来实现格式化输出。 3. **org.json库**: 这个库提供了`org.json.JSONObject`和`org.json.JSONArray`等类,可以方便地操作...

    js替换json对象.txt

    这可以通过`JSON.stringify()`来实现。 **示例代码:** ```javascript var jsonString = JSON.stringify(jsonArray); ``` **解释:** - `JSON.stringify(jsonArray)`:将JavaScript对象`jsonArray`转换为JSON字符...

    Editplus设置json格式化(支持unicode转换)

    1. 将`jsFormatter.js`, `json.js`和`cssFormatter.js`复制到`EditPlus`的`Plugins`目录。 2. 重启`EditPlus`,查看是否能通过编辑器的“工具”菜单找到新添加的格式化选项,如果没有,可能需要手动创建快捷键或菜单...

    js excel 批量复制数据到 html

    本教程将详细介绍如何使用JavaScript(js)实现从Excel文档批量复制数据并粘贴到HTML表格(table)中的技术。这一功能对于数据处理、报表展示以及用户交互等方面具有很高的实用价值。 首先,我们要明白JavaScript...

    JSON格式化工具-JSON格式化美化工具

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于Web应用程序之间传递数据。它以文本形式存储和传输数据,易于...通过浏览器实现的JSON格式化工具更是以其便捷性和兼容性赢得了广泛的使用。

    JsonView - 一个快速处理json数据的软件

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛应用在Web服务和应用程序间的数据传输。由于其易读易写的特点,JSON成为了开发者首选的数据格式。然而,手动处理大段JSON文本可能会变得繁琐,...

    Json全部jar包

    这可以通过Maven、Gradle等构建工具来实现,或者手动将jar包复制到项目的lib目录下,并在运行配置中指定。 总结来说,`Json全部jar包`是Java开发中处理JSON数据的一组工具,其中的`json-lib-2.2.2-jdk15.jar`是其中...

    C++读写json文件

    4. **解析JSON**:一旦有了`json`对象,你可以通过成员访问或迭代器遍历其内容。例如,访问一个键值对: ```cpp std::string name = j["name"]; int age = j["age"]; ``` 5. **写入JSON**:将C++数据结构转换为...

    Editplus设置json格式化

    3. 如果你需要使用自定义的JS格式化器,如`jsFormatter.js`,可能需要将其配置到EditPlus的工具菜单中,通过`工具`(Tools)&gt; `配置用户工具`(Configure User Tools)来添加并设置执行路径和参数。 ### CSS格式化...

    c# 复杂json内容 转对象工具

    总结来说,处理C#中的复杂JSON内容主要涉及反序列化,这可以通过如Json.NET这样的库来实现。JsonCSharpClassGenerator是一个实用的辅助工具,能根据JSON字符串自动生成C#类,便于快速地进行对象操作。掌握这些技巧和...

    jQuery实现简单复制json对象和json对象集合操作示例

    通过上述内容,我们可以看到,jQuery在处理JSON对象复制问题时,通过其提供的extend方法可以高效、简洁地实现对JSON对象及其集合的深度复制,有效避免了因对象引用导致的数据问题。同时,结合各种在线工具和深入学习...

    json相关依赖包 json相关依赖包

    在Java开发中,处理JSON数据通常需要借助第三方库来实现序列化和反序列化操作。本文将详细介绍与JSON相关的依赖包及其使用方法。 #### 二、核心依赖包介绍 根据题目提供的信息,我们可以得知以下几个核心依赖包: ...

    C# JSON实体类生成工具

    在.NET框架中,可以使用`System.Text.Json`或`Newtonsoft.Json`(更常见的称为Json.NET)库来实现这两个操作。例如,使用Json.NET库,你可以这样操作: ```csharp using Newtonsoft.Json; // 序列化 string json...

    复制excel到页面原样展示并转json.rar

    本教程将详细讲解如何实现这一过程,主要涉及JavaScript(JS)技术。 首先,我们需要理解Excel文件的本质。Excel是一种电子表格应用程序,其数据以单元格的形式存储,可以通过行列的方式组织。而JSON(JavaScript ...

Global site tag (gtag.js) - Google Analytics