淘汰賽發送從輸入值到功能

Question

我有一個文本框和一個按鈕，我想從文本框發送到一個函數，當按鈕被點擊時，似乎無法弄清楚。

 Reg:<input type="text" placeholder="Enter Reg" data-bind="text: search" /> 
<button class="btn btn-danger" data-bind="click: function() { GJobs(search) }" >Get Jobs</button> 

功能視圖模型

self.GJobs = function (search) { 
     GetJobs(search) 
    } 

Ajax調用

function GetJobs(search) { 
     $.ajax({ 
      type: "GET", 
      url: 'api/mechanicphone', 
      data: { reg: search}, 
      dataType: 'json', 
      contentType: 'application/json', 
      success: function (data) { 
       self.Jobs(data); 
      }, 
      error: function (data) { 
       $('#MechMobile').html('<h3>Error in retrieval</h3>'); 
      } 
     }); 
    } 

通過REG快到空，當我調試的get

Answer 1

有一些事情，應該在您的代碼中進行更改。

首先，爲了從輸入字段中value結合返回值應該是用來代替`文本：

<input type="text" placeholder="Enter Reg" data-bind="value: search" /> 

然後您單擊處理最好應調用函數在您的視圖模型，然後可以得到可觀察變量的值爲search。總之，您可以更新您的HTML代碼：

Reg:<input type="text" placeholder="Enter Reg" data-bind="value: search" /> 
<button class="btn btn-danger" data-bind="click: GJobs" >Get Jobs</button> 

而且你的視圖模型是這樣的：

self.GJobs = function() { 
    GetJobs(self.search()); 
} 
self.search = ko.observable(''); 
function GetJobs(searchValue){ 
    // Call web service 
}