用jquery填充空表

我想通過向我的服務發出GET請求來「搜索」一個項目，然後用響應填充我的表，但我似乎無法用我的代碼實現該目標。用jquery填充空表

$(function(){ 
var $searchInput = $("#search"); 
$("#searchOptions").change(function(){ 
if($(this).val() =="Fragment"){ 
$searchInput.keyup(function(e){ 
var q = $searchInput.val(); 
$.ajax({ 
    type: 'GET', 
    url: 'http://localhost:51834/CoffeeService.svc/getaorderfrag/' + q, 

    success: function(orders){ 
    $("#orderTable").empty(); 
    $.each(orders, function(i, order){ 
     $("#orderTable tbody").append('<tr><td>' + order.Name + '</td><td>' + order.Order + '</td><td>' + order.Price + '</td></tr>'); 
     }); 
     }   
     }); 
    }); 
    } 
}); 
});

來源

2016-11-27 kennyYice23

* 「我似乎無法做到這一點」 * - 護理闡述？ – jbutler483

@ jbutler483當項目已經被獲得時，表格消失，它只是一個空的空間。 – kennyYice23

在您的inspect元素中檢查您的網絡，看看是否有任何東西從服務器返回 – jbutler483

jbutler483是正確的，你與你的$殺死整個表，THEAD，TBODY，（一切）（「＃orderTable」）空（）。聲明。

你的追加針對的東西不存在。試試這個：

$(function(){ 
 
var $searchInput = $("#search"); 
 
$("#searchOptions").change(function(){ 
 
if($(this).val() =="Fragment"){ 
 
$searchInput.keyup(function(e){ 
 
var q = $searchInput.val(); 
 
$.ajax({ 
 
    type: 'GET', 
 
    url: 'http://localhost:51834/CoffeeService.svc/getaorderfrag/' + q, 
 

 
    success: function(orders){ 
 
    $("#orderTable tbody").empty(); 
 
    $.each(orders, function(i, order){ 
 
     $("#orderTable tbody").append('<tr><td>' + order.Name + '</td><td>' + order.Order + '</td><td>' + order.Price + '</td></tr>'); 
 
     }); 
 
     }   
 
     }); 
 
    }); 
 
    } 
 
}); 
 
});

來源

2016-11-27 21:46:52 splitwire

用jquery填充空表

回答

相關問題