使用ajax请求并使用超链接的带有json数据的数据表

Posted 2023-05-07

【中文标题】使用ajax请求并使用超链接的带有json数据的数据表

【英文标题】：datatable with json data using ajax request and use hyperlink

【发布时间】：2014-08-14 19:43:36

【问题描述】：

您好，下面是我的数据表 java 脚本，

 $('#Proj_emp_table').dataTable(

     "sAjaxSource": "/projects/project_json/",
      "fnServerData": function ( sSource, aoData, fnCallback, oSettings ) 
       oSettings.jqXHR = $.ajax( 
        "dataType": 'json',
        "type": "GET",
       "url": sSource,
       "data": aoData,
       "success": fnCallback
       );
    
   );

而我的 html 是，

 <table id='Proj_emp_table' class="display">
    <thead>
    <tr>
        <th>Employee ID</th>
        <th>Employee Name</th>
        <th>Experience Prior to ASM</th>
        <th>Joining Date</th>
        <th>Asm Experience</th>
        <th>Billing Start Date</th>
        <th>Bill Status</th>
    </tr>
    </thead>
    <tbody>
        <tr>
          <td></td>
        </tr>
    </tbody>
     <tfoot>
        <tr>
        <th>Employee ID</th>
        <th>Employee Name</th>
        <th>Experience Prior to ASM</th>
        <th>Joining Date</th>
        <th>Asm Experience</th>
        <th>Billing Start Date</th>
        <th>Bill Status</th>
        </tr>
     </tfoot>
    </table>

在这里，我的 ajax 请求工作正常，我正在正确获取 json 数据并且表格也已形成。但是如何将超链接添加到a列。

例如：员工姓名列应该有一个超链接，该超链接应该转到 /employee/ID/ 之类的页面

这里的 ID 应该从我的第一个字段的 json 数据本身中获取。

【问题讨论】：

使用mRenderLuke...

这是我的一个较旧的答案，向您展示了如何做到这一点。 ***.com/questions/22471862/…

【参考方案1】：

您发回的数据将包含<a href> 代码

【讨论】：

不，如果服务器端代码没有准备好使用href，它就不会。 @Robert Rozas 是对的。

真的吗？很奇怪，因为这正是我实现它的方式并且运行良好。即使对于文本框和复选框。但如果你说它不会起作用，那很好。我只是告诉你什么是有效的

太糟糕了，OP 没有你很棒的系统。本来可以让他免去这个问题的。