2017-10-02 28 views
1

の各行ごとにこんにちは、私はここでは、コードの2セットを持っており、ここではループPHPの配列

Ajax

/* Loop and Get Data from database to create a table */ 
$(document).ready(function() { 
    $('#btngenerate').click(function(e){ 
     var d1 = $('#startdate').val(); 
     var d2 = $('#enddate').val(); 
     $.ajax({ 
      url: 'queries/qryTITO.php', 
      type: "POST", 
      datatype: 'json', 
      data: ({startdate: d1,enddate: d2}), 
      success: function(data){ 
       console.log(data); 
      } 
     }); 
    }); 
}); 

とここにあるここPHP

<?php 
    require 'conn.php'; 
    $startdate = $_POST['startdate']; 
    $enddate = $_POST['enddate']; 
    $sql  = "SELECT vdate FROM tablename WHERE date(vdate) between date('" . $startdate . "') and date('" . $enddate . "')"; 
    $result = mysqli_query($con,$sql); 
    $row  = mysqli_fetch_row($result); 
    $jsonData = array(); 
    while ($array = mysqli_fetch_row($result)) { 
     $jsonData[] = $array; 
    } 
    echo json_encode($jsonData); 
    mysqli_close($con); 
?> 

である私であります質問。私はHTMLテーブルを作成できるように、jqueryに値を返すようにしています。実際にそれが働いていると、これは出力

enter image description here

で、ここで私の質問は、私はそのデータのためのHTMLテーブルを作ることができる方法ですか?ここで

+0

あなたは深刻なSQLインジェクションの脆弱性があることを知っておくべきです。 SQLインジェクションは、最も危険なWebアプリケーションの脆弱性の1つです。準備された声明は、あなた自身を確保するための良いスタートです:彼らにgoogle! –

+0

は私の目標をここで達成した後、私の目標は実際にthatsです。 –

+0

成功の中でループしてテーブルに追加することができます。 –

答えて

1

がここにこの

$(document).ready(function() { 
    $('#btngenerate').click(function(e){ 
     var d1 = $('#startdate').val(); 
     var d2 = $('#enddate').val(); 
     $.ajax({ 
      url: 'queries/qryTITO.php', 
      type: "POST", 
      datatype: 'json', 
      data: ({startdate: d1,enddate: d2}), 
      success: function(data){ 
        $.each(data,function(){ 
         $('tr').append("<td>"+this+"</td>") 
        }); 
      } 
     }); 
    }); 
}); 

Sample Fiddleで試してみてください取得エラーです

$(document).ready(function() { 
    $('#btngenerate').click(function(e){ 
    var d1 = $('#startdate').val(); 
    var d2 = $('#enddate').val(); 
    $.ajax({ 
     url: 'queries/qryTITO.php', 
     type: "POST", 
     datatype: 'json', 
     data: ({startdate: d1,enddate: d2}), 
     success: function(data){ 
     $(data).each(function(i,res){ 
      $('table').append("<tr><td>"+res.vdate+"</td></tr>"); 
     }); 
     } 
    }); 
    }); 
}); 
+0

しかし、努力のためにThirxさんに感謝します。それは私が表示される1つ以上の列であるため、私に詳細なサンプルを与えてください。 –

+0

エラーは何ですか? –

+0

Sir私と一緒にしてください私は5列を表示しようとしています –

0

あなたが試みることができる..私は

enter image description here

+0

Sir systaxエラー –

+0

oops..semicolonが欠落しています。固定 –