2015-07-20 18 views
0

我在MYSQL中創建了下表,並且在Knockout.js.中創建了一個文件,我希望通過變量pf輸入到Knockout.js中的數據應該存儲在表「PORTFOLIO」中。我想要的數據庫連接實現是通過JavaScript only.I試圖創建MYSQL和Knockout.js之間的數據庫連接,但沒有成功。很好的幫助。如何在Knockout.js文件的javascript中創建MySQL數據庫連接?

//TABLE 
CREATE TABLE PORTFOLIO 
    (
    ID INT NOT NULL, 
    pf VARCHAR (255) 
); 

File in Knockout.js 

//View 
    <h3>Portfolio</h3> 
<form data-bind="submit: addpf"> 
Add Portfolio: <input data-bind="value: newpf" placeholder="Who needs to be added?" /> 
    <button type="submit">Add</button> 
</form> 

<ul data-bind="foreach: pf, visible: pf().length > 0"> 
    <li> 
     <input type="checkbox" data-bind="checked: isDone" /> 
     <input data-bind="value: title, disable: isDone" /> 
     <a href="#" data-bind="click: $parent.removepf">Delete</a> 
    </li> 
</ul> 

You have <b data-bind="text: oldpf().length">&nbsp;</b> New Portfolios 
<span data-bind="visible: oldpf().length == 0"></span> 


//ViewModel 


function pf(data) { 
     this.title = ko.observable(data.title); 
     this.isDone = ko.observable(data.isDone); 
    } 

    function pfListViewModel() { 
     // Data 
     var self = this; 
     self.pf = ko.observableArray([]); 
     self.newpf = ko.observable(); 
     self.oldpf = ko.computed(function() { 
      return ko.utils.arrayFilter(self.pf(), function(pf) { return !pf.isDone() }); 
     }); 

     // Operations 
     self.addpf = function() { 
      self.pf.push(new pf({ title: this.newpf() })); 
      self.newpf(""); 

     }; 
     self.removepf = function(pf) { self.pf.remove(pf) }; 
    } 

    ko.applyBindings(new pfListViewModel()); 
+0

'如何在js'中創建MySQL數據庫連接爲什麼你想要一個?我不確定即使有可能(不知道)你會暴露在js服務器的詳細信息? –

回答

1

不,這是不可能的,JavaScript不能直接連接到MySQL。但是你可以將JS和PHP混合使用,或者任何其他服務器端的語言。

JavaScript是客戶端語言,您的MySQL數據庫將在服務器上運行 。這意味着你需要有一個允許他們說話的服務器端 語言。然後您可以使用AJAX將數據提交給服務器。

+0

噢,好的。感謝您的回覆。如果我們使用Java作爲服務器端語言並使用AJAX提交數據,那麼我們如何才能完成相同的任務? –

+0

網上有很多信息我已經回答了當前的問題,所以如果您將其標記爲已接受,那就太棒了。如果您嘗試使用服務器端代碼並​​發佈新問題,我們都很樂意提供幫助。 @NehaUniyal –

0

其他選項是,你可以與BreezeJs一起使用,它可以讓你自由地進行以數據爲中心的應用程序。你可以看看這個鏈接http://breeze.github.io/doc-js/。微風用knockoutJs絕對好。

相關問題