Question

我试图通过向我的服务发出GET请求来“搜索”一个项目，然后用响应填充我的表，但我似乎无法通过我的代码实现这一点。

$(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>');
         });
        }        
      });
    });
   }
 });
});

Answer 1

jbutler483是对的，你用你的$（＆＃34;＃orderTable＆＃34;）来杀死整个表格，thead，tbody，（所有内容）.dock（）;声明。

您的追加是针对不存在的内容。试试这个：

＆＃13;

$(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>');
         });
        }        
      });
    });
   }
 });
});

＆＃13;

用jquery填充空表

1 个答案: