DataTables> 아약스 내가이 기능을 복제하는 것을 시도하고있다

Question

작동하지 : 내가 지금처럼이 기능을 변경 한

/* Formating function for row details */ 
function fnFormatDetails (oTable, nTr) 
{ 
    var aData = oTable.fnGetData(nTr); 
    var sOut = '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'; 
    sOut += '<tr><td>Rendering engine:</td><td>'+aData[1]+' '+aData[4]+'</td></tr>'; 
    sOut += '<tr><td>Link to source:</td><td>Could provide a link here</td></tr>'; 
    sOut += '<tr><td>Extra info:</td><td>And any further details here (images etc)</td></tr>'; 
    sOut += '</table>'; 

    return sOut; 
} 

:

/* Formating function for row details */ 
function fnFormatDetails(oTable, nTr) { 
    var aData = oTable.fnGetData(nTr); 
    var sOut = jQuery.ajax({ 
     url: "ajax/order_history_orderlines.asp", 
     type: 'post', 
     data: { orderid: aData[1] }, 
     context: document.body 
    }); 

    return sOut; 
} 

http://datatables.net/release-datatables/examples/api/row_details.html

의 예는이 기능을 제공합니다

FireBug를 통해 디버깅 할 때, 나는 ajax 응답이 모든 것을 올바르게 수행하는 것을 본다. 요청이 이루어지면 성공하고 올바른 정보가 반환됩니다. 여기에 반환되는 내용이다 : 나는 [+] 버튼을 클릭하면

<!-- Teplate for orderlines found in rs Record Set --> 
<table cellpadding="5" cellspacing="0" border="0" style="padding-left: 50px;"> 

    <tr> 
     <td> 
      Quantity: 
     </td> 
     <td> 
      1 
     </td> 
     <td> 
      Description: 
     </td> 
     <td> 
      48 Cans of drink 
     </td> 

     </tr> 

</table> 

그러나 그것은 행을 확장하지만 '세부 정보'행은 아약스 요청에서 반환 된 테이블과 업데이트되지 없구요.

예제에서 모두를 사용하면 sOut = <table> 등이 작동합니다. 내가 아약스 요청을 잡기 위해 그것을 바꿀 때, 그것은 0 에러로 작업하는 것을 멈춘다.

내가 여기에없는 것을 누구든지 볼 수 있습니까? 여기

Answer 1

코드는 올바르지 않습니다

var sOut = jQuery.ajax({ 
    url: "ajax/order_history_orderlines.asp", 
    type: 'post', 
    data: { orderid: aData[1] }, 
    context: document.body 
}); 

jQuery.ajax()

그것이 jqXHR 개체를 반환 데이터를 반환하지 않습니다. 성공적인 Ajax 호출에 데이터를 채우려면 success 콜백 기능을 사용해야합니다.

var sOut = jQuery.ajax({ 
    url: "ajax/order_history_orderlines.asp", 
    type: 'post', 
    data: { orderid: aData[1] }, 
    context: document.body, 
    success: function(data, textStatus, jqXHR) 
    { 
     // do something with data(json object returned by call) 
    } 
});