原创  （小君原创）js轻量级双向绑定插件way.js的使用--前篇

分类: 2015-05-06T22:42:55    2107人阅读   

本来想自己写一个的，结果别人已经写出来的，这叫我情何以堪。

简单绑定 DEMO: 

<!DOCTYPE HTML>
<html>
<head>
<title>wayjs demo</title>
<script src="way.min.js"></script>
</head>
<body>
<div>
	  <form way-data="myFormData" way-persistent="true">
    <input type="text" name="name">
    <input type="text" name="age">
    <input type="text" name="gender">
  </form>

Name: <span way-data="myFormData.name"></span>
age: <span way-data="myFormData.age"></span>
gender: <span way-data="myFormData.gender"></span>
</div>
</body>
</html>
获取输入的值 DEMO：
<!DOCTYPE HTML>
<html>
<head>
<title>wayjs demo</title>
<meta charset="UTF-8"/>
<script src="way.min.js"></script>
<script src="jquery-1.7.1.js"></script>
<script type="text/javascript">
	$(function(){
		$('#getModelData').click(function(){
			console.log(way.get("myFormData"));
		});
	});
</script>
</head>
<body>
<div>
  <input type="button" value="获取值" id="getModelData"/>
	  <form way-data="myFormData" way-persistent="true" id="myFormData">
    <input type="text" name="name">
    <input type="text" name="age">
    <input type="text" name="gender">
  </form>
</div>
</body>
</html>
不早了先睡了


分享到：
 博文推荐 更多»
koa入门之hello world
淘宝联盟api对接，实现优惠券查询功能
微信机器人免费方案之wechaty
API接口的安全设计验证：ticket，签名，时间戳
服务的心跳机制与断线重连，Netty底层是怎么实现的？
闲置显示器DIY电视&显示器DIY
Centos7安装Redis及其相关命令
 最热实例源代码 更多»
  org.springframework.web.bind.annotation.RequestBody实例Demo源码 356阅
  android.view.animation.AnticipateOvershootInterpolator#android.view.WindowManager实例Demo源码 284阅
  org.springframework.boot.context.embedded.tomcat.TomcatEmbeddedServletContainerFactory实例Demo源码 203阅
  org.springframework.web.bind.annotation.RestController实例Demo源码 158阅
  org.springframework.web.bind.annotation.GetMapping实例Demo源码 150阅
  org.springframework.web.bind.annotation.PatchMapping实例Demo源码 139阅