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

最新推荐文章于 2024-07-12 11:41:56 发布

mush_me

最新推荐文章于 2024-07-12 11:41:56 发布

阅读量90

点赞数

分类专栏： javascript相关文章标签： json jQuery HTML ViewUI

本文链接：https://blog.csdn.net/mush_me/article/details/83814561

版权

javascript相关专栏收录该内容

22 篇文章 0 订阅

订阅专栏

复制内容的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>