33 lines
1,016 B
HTML
33 lines
1,016 B
HTML
<html>
|
|
<head>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.1.6/zepto.min.js"></script>
|
|
<script src="../lib/php_crud_api_transform.js"></script>
|
|
<script>
|
|
var url = '../api.php/posts';
|
|
function PostList(){
|
|
var self = this;
|
|
self.posts = ko.observableArray([]);
|
|
self.set = function(array) {
|
|
self.posts.removeAll();
|
|
for (i=0;i<array.length;i++) {
|
|
self.posts.push(array[i]);
|
|
}
|
|
};
|
|
self.update = function() {
|
|
$.get(url, function(data) {
|
|
self.set(php_crud_api_transform(data).posts);
|
|
});
|
|
};
|
|
$.post(url, {user_id:1,category_id:1,content:"from knockout"}, self.update.bind(self));
|
|
};
|
|
$(function(){
|
|
$('#myApplication').html('<ul data-bind="foreach: posts"><li><span data-bind="text: id"></span>, <span data-bind="text: content"></span></li></ul>');
|
|
ko.applyBindings(new PostList(),$('#myApplication')[0]);
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="myApplication">Loading...</div>
|
|
</body>
|
|
</html>
|