Question

好的，我是jquery和ajax的新手，我有这个代码，它可以工作，但我希望以表格格式返回数据

----------------------------------------------- ---------------- jsfile ----------------------

   $('input#data-submit').on('click',function(){
     var data=$('input#data').val();
      var data2=$('select#data2').val();

      if(data2=="Name")
      {
          if($.trim(data)!=''){
              $.post('Ajax/dataloader.php',{data:data},function(data){
                $('div#load').text(data)
              });
          }
      }
      else if(data2=="Location")
      {
        if($.trim(data)!=''){
              $.post('Ajax/dataloader2.php',{data:data},function(data){
                $('div#load').text(data)
              });
          }
      }

});

-----------------------------------------------从-----------------------------------------

<body>
<div id="banner">
    <h1>P-CAT version 0.1</h1>
</div>



    <div id ="content">
     <h2>Sreach  Catigroies</h2>
     <select id="data2">
     <option value="">Plece select one of the follwing</option>
      <option value="Name">Name</option>
      <option value="Location">Location</option>
    </select>
    <input name="data" id="data" type="text" />
    <input type="submit"  id="data-submit" value="Grab">



        <div id="load">    
        </div>
        </div>


    <div id="navbar">
        <input type="button" value="EDIT">
        <input type="button" value="HISTORY">
        <input type="button" value="SETTINGS">
        <input type="button" value="SEARCH">
    </div>
 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
 <script type="text/javascript" src="js/global.js"></script>

Answer 1

如果你的框架没有能力创建表格，你可以在你最喜欢的搜索引擎上搜索＆＃34; jquery table＆＃34;

以下是一个易于使用的插件示例：https://datatables.net/

请查看它，告诉我它是否适合您。

将数据返回到表中

-----------------------------------------------从-----------------------------------------

1 个答案: