Wild Dog sample [sync data]

時間 2019-11-29

標籤 wild dog sample sync data 简体版

原文原文鏈接

<html>
<head>
<meta charset="UTF-8">
<title>test wilddog </title>
</head>
<body>

JSON 數據樹:
<p><input placeholder="說點什麼?" data="{"m":"hi","n":"wgscd","t":"2018-11-12 11:13:13"}" class="s_txt" type="text" style="width:388px;
  height: 34px;
  border-radius: 3px;
  border: 1px solid rgb(204, 204, 204);
  padding-left: 10px;"/>

<input type="button"  value="add msg" class="addmsg"/>  </p>

<div class="d_show">
<!-- <div>text message</div>  -->
</div>

	<script src = "https://cdn.wilddog.com/sdk/js/2.0.0/wilddog-auth.js"></script>
	<script src = "https://cdn.wilddog.com/sdk/js/2.0.0/wilddog-sync.js"></script>
    <script src="https://cdn.wilddog.com/js/vendor/jquery-1.11.2.min.js"></script>

<script type="text/javascript">

$(document).ready(function() {
	var config = {
		authDomain:"m5mworld65.wilddog.com",
		syncURL: "https://m5mworld65.wilddogio.com"
	};
	wilddog.initializeApp(config);
	var ref = wilddog.sync().ref();
	$(".addmsg").click(function() {
		var text = $(".s_txt").val();
		alert(text);
		ref.child('msg').push(text);
		$(".s_txt").val('');
	});
	
	
	ref.child('msg').on('child_added', function(snapshot) {
		var text = snapshot.val();

		var textObj = $("<div class=\"dm_message\"></div>");
                textObj.text(text);
		$(".d_show").append(textObj);
		
	});
});

</script>
  
    
</body>
</html>

另一個彈幕的例子：https://github.com/WildDogTeam/demo-js-danmu/blob/master/app/index.htmljavascript

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。