日期:2014-05-16  浏览次数:20352 次

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