使用ajax數據注入html並追加

我通過ajax構建了一些html，並嘗試將其插入到我的頁面中，但沒有任何工作。數據恢復正常，我可以在firebug中看到append正在觸發，但沒有插入html。使用ajax數據注入html並追加

，這裏是我的jQuery

//AJAX LEAD SEARCH 

$('#ajx_ld_s').on("keyup", function() { 

    var search = $('#ajx_ld_s').val(); 


    if(search == ""){ 
     search = "__all__"; 
    } 


    $.ajax({ 
     type: "POST", 
     url: "/leads/view-leads-ajax", 
     data: { search: search, action: "ls" }, 
     beforeSend: function(xhr) { 
      $('.ajax_label label').after('<img src="/assets/img/system/ajax.gif" alt="loading">'); 
     } 
    }) 
     .done(function(data) { 
      $('.ajax_cont').append(data); 

     }) 
     .always(function() { 
     $('.ajax_label img').remove(); 
     $('.ajax_search form').val(''); 
     }); 

});

這裏是我的功能...

public function view_leads_ajax(){ 


    $data = array(); 

    //get leads 
    $data['leads'] = $this->Lead_model->get_leads_ajax($_POST); 

    //build html 
    $html = ''; 
       foreach ($data['leads'] as $key => $l) : 

       $lc = ($l['last_contact'] == 0) ? "No Contact Made" : $l['last_contact']; 
       $html .= '<tr> 
       <td><a href="/leads/action/' . $l['id'] .'"><i class="fa fa-pencil"></i></a></td> 
       <td> ' . $l['fname'] . ' ' . $l['lname'] . '</td> 
       <td> ' . $l['email'] . '</td> 
       <td> ' . $l['contact'] . '</td> 
       <td> ' . $l['contact_other'] . '</td> 
       <td> ' . $l['addr_num'] . ' ' . $l['addr_line1'] . ' ' . $l['addr_line2'] . '</td> 
       <td> ' . $l['addr_town'] . '</td> 
       <td> ' . $this->utility->get_office_short_name($l['office']) . '</td> 
       <td> ' . $l['added_date'] . ' </td> 
       <td> ' . $lc . '</td> 
       <td> ' . $l['o_contact_via'] . '</td> 
       </tr>'; 

       endforeach; 

       return $html; 


}

如果有人能發現我的錯誤，我會非常感激。

感謝

來源

2014-02-07 jhodgson4

更換

return $html;

與

echo $html;

在PHP

，當然/leads/view-leads-ajax的必須是一個有效的URL。

而且，這似乎很奇怪

$('.ajax_search form').val('');

形式有沒有價值？

來源

2014-02-07 14:56:03 adeneo

我已將它設置爲回聲之前和同一問題。該URL是有效的，我不知道我在第三行中做了什麼。但是，回聲也不起作用。我可以提醒返回的數據，但沒有任何數據正在被注入 – jhodgson4

如果您可以在成功回調中提醒數據，那顯然是存在的，然後這只是附加問題，並且沒有太多可以出錯的地方。你有一個'.ajax_cont'類的元素，你確定你沒有用該腳本中的其他元素覆蓋該元素中的內容 – adeneo

不確定這裏是否有問題，但我認爲你不能直接使用Ajax調用php函數。

請參閱：using jquery $.ajax to call a PHP function

來源

2014-02-07 14:57:15 Getz

使用ajax數據注入html並追加

回答

相關問題