提取或使用knockout.js形式发送数据(Fetching or sending data fr

2019-09-01 05:51发布

新手在淘汰赛,也是一个前端设计师,所以我需要老实话。

我有我需要发送到数据库,然后从数据库中检索后一种形式。

请非常深入浅出的讲解如何生产工作的例子来说明保存和提交表单?

从淘汰赛教程: http://knockoutjs.com/documentation/json-data.html我了解获取和发送JSON数据。 如何JSON数据被匹配到窗体? 什么是映射和是否有插件或如何JSON数据映射回我的形式简单的例子? 基本上,我该怎么办什么是下面的淘汰赛代码示例中评论?

获取数据:

$.getJSON("/some/url", function(data) {
    // Now use this data to update your view models,
    // and Knockout will update your UI automatically
})

发送数据:

var data = /* Your data in JSON format - see below */;
$.post("/some/url", data, function(returnedData) {
    // This callback is executed if the post was successful    
})

Answer 1:

简单的形式

 <form data-bind="submit: onSubmit">
    <input data-bind="value : firstName"/>
    <input data-bind="value : lastName"/>
    <input type="submit" text="Submit!"/>
</form>
Response: <span data-bind="text : response"></span>

简单的视图模型

var viewModel = new function()
{
    var self = this;
    self.firstName = ko.observable("default first");
    self.lastName = ko.observable("default last");
    self.responseJSON = ko.observable(null);
    self.onSubmit = function() 
    {
        var data = JSON.stringify(
            {
                first : self.firstName(), last : self.lastName()        
            }); // prepare request data
        $.post("/echo/json", data, function(response) // sends 'post' request
        {
            // on success callback
            self.responseJSON(response);
        })
    }
}

ko.applyBindings(viewModel);  

的jsfiddle DEMO



文章来源: Fetching or sending data from a form using knockout.js