テーブルの一部をajaxに渡す

Question

ajaxを使用してクエリを呼び出していますが、テーブルを返そうとしています。テキストをテキストボックスに返すハードコードバージョンを取得することができましたが、私はそれをテーブルとして戻そうとしています。これに関する助けがあれば大いに感謝します。

AJAXコール

$.ajax({ 
    url: "proxy/TomorrowsDate.cfm", 
    type: "post", 
    dataType: "json", 
    data: {date: Tmrwdate }, 
    success: function (data) { 
     console.log(data); 
     console.log($('#DueTmrw')); 
     $('#DueTmrw').val(data.TEXT); 
    }, 
    error: function (xhr, textStatus, errorThrown) { 
     console.log(errorThrown); 
    } 

プロキシ/ TomorrowsDate.cfm

<cfset result = {} /> 
<cftry> 
    <cfset session.dealerwork.tomorrowsdate = form.date > 
    <cfset result.date = form.date/> 

    <cfquery name="tomorrowTextArea"> 
     SELECT dbo.Dealer_Track_Work.id, dbo.Dealer_Track_Work.dealerID, dbo.Dealer_Track_Work.Date_Received, dbo.Dealer_Track_Work.op_id, dbo.Dealer_Track_Work.Date_Due, 
     dbo.Dealer_Track_Work.Date_Complete, dbo.Dealer_Track_Work.Completed_Late, dbo.Dealer_Track_Work.Closed_by, dbo.Dealer_Track_Work.Rmks, dbo.Dealer_Track_Work.Processing_Location, 
     dbo.Dealer_Track_Work.Item_Count, dbo.Dealer_Track_Dealers.id, dbo.Dealer_Track_Dealers.Name 
     FROM dbo.Dealer_Track_Work, dbo.Dealer_Track_Dealers 
     WHERE dbo.Dealer_Track_Work.dealerID = dbo.Dealer_Track_Dealers.id 
     AND Date_Complete IS NULL 
     AND Date_Due = <cfqueryparam value="#session.dealerwork.tomorrowsdate#" /> 
     AND Date_Complete IS NULL 
    </cfquery> 

    <cfset result.text = ''> 
    <cfoutput query="tomorrowTextArea"> 
     <cfset result.text = result.text & "<tr> 
           <td>#id#</td> 
           <td>#tomorrowTextArea.name#</td> 
           <td>#Item_Count# ITEMS</td> 
           </tr>" /> 
    </cfoutput> 



    <cfcatch type="any"> 
     <cfset result.error = CFCATCH.message > 
     <cfset result.detail = CFCATCH.detail > 
    </cfcatch> 
</cftry> 

<cfoutput>#SerializeJSON(result)#</cfoutput> 

これは、私が戻ってページの情報を表示しようとする方法である：<span id="DueTmrw" name="DueTmrw"></span>（これは何も表示されません）私が使用している場合<textarea type="text" name="DueTmrw" id="DueTmrw" class="form-control" rows="7"></textarea>正しい結果が表示されますが、実際の表と同じではありません。これらの行をajaxを通るテーブルとしてどのように表示するのですか？私が試してみました

すべてのもの：

<tbody> 


    <span id="DueTmrw" name="DueTmrw"></span> 
          <textarea type="text" name="DueTmrw" id="DueTmrw" class="form-control" rows="7"></textarea> 
           <!---<cfoutput query="tomorrowTextArea"> 
           <tr> 
           <td>#id#</td> 
           <td>#tomorrowTextArea.name#</td> 
           <td>#Item_Count# ITEMS</td> 
           </tr> 
           </cfoutput>---> 
          </tbody> 

はまた、このような何かをやってみました：$("DueTmrw > tbody").append('<tr><td>my data</td><td>more data</td></tr>');