使用PHP和AJAX从数据库中获取数据

时间:2018-02-09 09:18:56

标签: php jquery json ajax

我想使用PHP和Ajax从数据库中获取数据,首先将其编码为JSON。

但数据无法在屏幕上正确打印。它以逗号分隔单行中的四行元素。

$(document).ready(function() {
  $(function()
    {
      $.ajax({
        url: 'demo2.php',
        data: "",
        dataType: 'json',
        success: function(data)
        {
          var name = data[0];
          var email = data[1];
          var msg = data[2];
          var date1 = data[3];
          $('#output').html("<div id='container'>" + name + " " + email + " " + msg + " " + date1 + "</div><br>");
        }
      });
    });
});

1 个答案:

答案 0 :(得分:2)

试试这个:

$(document).ready(function() {
  $(function()
    {
      $.ajax({
        url: 'demo2.php',
        data: "",
        dataType: 'json',
        success: function(data)
        {
          console.log(JSON.stringify(data));
          var obj = JSON.parse(data);
          // Iterate object:
          my_text=''
          $.each(obj, function(index, value) {
             console.log(value);
             my_text += value
          }); 

          // var obj = JSON.parse('{ "name":"John", "email":"email@domain.com", "msg":"Hello"}');
          $('#output').html("<div id='container'>" + my_text + "</div><br>");
        }
      });
    });
});

小提琴: https://jsfiddle.net/fks3j500/