`
mushme
  • 浏览: 777620 次
  • 性别: 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>

分享到:
评论

相关推荐

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

    本文实例讲述了jQuery实现简单复制json对象和json对象集合操作。分享给大家供大家参考,具体如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta name=viewport content=width=device-width /&gt; &lt...

    json相关jar包.zip

    在前端和后端进行数据传输的时候这种格式也是很受欢迎的,后端返回json格式的字符串,前台使用js中的JSON.parse()方法把JSON字符串解析为json对象,然后进行遍历,供前端使用。 下面进入正题,介绍在JAVA中JSON和...

    PHP json格式和js json格式 js跨域调用实现代码

    先看一个js函数 复制代码 代码如下: function jsontest() { var json = [{‘username’:’crystal’,’userage’:’20’},{‘username’:’candy’,’userage’:’24’}]; alert&#40;json[1].username&#41;; var ...

    ThinkPHP通过AJAX返回JSON的两种实现方法

    本文实例讲述了ThinkPHP通过AJAX返回JSON的两种实现方法。分享给大家供大家参考。具体方法如下: 方法一: php代码如下: 复制代码 代码如下:$arr = array( ‘name’=&gt;$picname, ‘pic’=&gt;$pics, ‘size’=&gt;$size );...

    PHP Ajax JavaScript Json获取天气信息实现代码

    今天来介绍几个简单的方法。 使用第三方服务 有这样的一种简单的方式,借助http://www.tianqi.com/plugin/网上的天气服务,可以定制我们的显示形状,实现添加天气预报的功能。 下面给出一个简单的小例子: 复制代码 ...

    angular实现完整省市区三级联动,附json文件

    angular实现完整省市区三级联动,附json文件。也附带插入数据库的json文件,想从数据库获取地区的朋友,可以复制插入数据库,js文件中修改下$http即可.

    thinkPHP5实现的查询数据库并返回json数据实例

    本文实例讲述了thinkPHP5实现的查询数据库并返回json数据。分享给大家供大家参考,具体如下: TP5 实现查询数据库返回json数据(返回json数据函数实例) 返回结果: 复制代码 代码如下:{“code”:0,”msg”:”\u6570\...

    php实现的一个简单json rpc框架实例

    json rpc 是一种以json为消息格式的远程调用服务,它是一套允许运行在不同操作系统、不同环境的程序实现基于Internet过程调用的规范和一系列的实现。这种远程过程调用可以使用http作为传输协议,也可以使用其它传输...

    用Json实现PHP与JavaScript间数据交换的方法详解

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。简而论之,不管是xml还是json都是为了方便在客户端与服务器端交互数据的...PHP 向 JavaScript 传值PHP 文件 json.php复制代码 代码如下:&lt;?php  $arr

    Python抓包并解析json爬虫的完整实例代码

    Python抓包并解析json爬虫 在使用Python爬虫的时候,通过抓包url,打开url可能会遇见以下类似网址,打开后会出现类似这样的界面,无法继续进行爬虫: 例如: 需要爬取网页中第二页的数据时,点击F12:right_arrow:...

    jQuery处理json数据返回数组和输出的方法

    复制代码 代码如下:/*print the json object  *  *$(“selector”).print_r_json(json,opts) : return formatted string (and print)  *sprint_r_json : just return the string;  *print_r_json : return the ...

    php递归json类实例

    本文实例讲述了php递归json类的实现方法。分享给大家供大家参考。 具体实现代码如下: 复制代码 代码如下:&lt;?php /*   * @ anthor:QD  * @ time: 2013-09-27  */ class json{  private $Arr = array();...

    php 无限级数据JSON格式及JS解析

    Flash需要JSON格式的数据,于是,就有了如下代码:(PHP实现,C#类似,JSON库自己去下吧~~)复制代码 代码如下: //–查询用户下线信息,返回JSON,用于flash if(!empty($_GET[‘action’])&&!empty($_GET[‘invite’])...

    让python json encode datetime类型

    实现代码如下: 复制代码 代码如下: import json from datetime import date, datetime def __default(obj): if isinstance(obj, datetime): return obj.strftime(‘%Y-%m-%dT%H:%M:%S’) elif isinstance(obj, date)...

    jQuery获取json后使用zy_tmpl生成下拉菜单

    第一次写关于AppCan开发的文章,有人写了关于jQuery或者原生Ajax与json的交互,那我就稍微写写我开发过程中使用jQuery获取json后使用zy_tmpl生成下拉菜单的实例吧。 PHP服务端生成json的那部分就不写那么多了,就是...

    Python处理json字符串转化为字典的简单实现

    今天一个朋友给个需求: ...最后,直接复制网上的代码,OK,运行成功,可是把我的a变量填进去,不行,报错;开始对比两个变量有什么不同,一直以为Python中双引号单引号可以随便用,意思不变;最后百度了知道j

    ThinkPHP中使用ajax接收json数据的方法

    这里通过ThinkPHP+jquery实现ajax,扩展了下,写了个查询,前台代码如下: 首先需要引入jquery.js,主要代码如下: 复制代码 代码如下:function ajax(id,pic){  //由于ThinkPHP不解析JavaScript里的ThinkPHP常量,...

    node.js实现复制文本到剪切板的功能

    前言 ...登陆方式是向一个json地址post数据即可。之前我的做法是,用chrome插件postman来实现登陆动作。但后来无意中发现,...思路大概是,用nodejs脚本发请求,并将返回结果中的token自动复制到剪切板,于是我只用在调

    php数组转成json格式的方法

    复制代码 代码如下:function array_to_json( $array ){  if( !is_array( $array ) ){  return false;  }  $associative = count( array_diff( array_keys($array), array_keys( array_keys( $array )) ));  if...

    jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题

    IE6 IE7 与 IE8(Q) (IE8(Q) 相当于 IE 5.5) 发布时间比较早,没有在其 Javascript 引擎中实现该对象。 好在我们可以使用 json2.js 作为兼容。 地址:https://github.com/douglascrockford/JSON-js 这个JS中的函数将...

Global site tag (gtag.js) - Google Analytics