在jQuery中解析JSON数据并在文本字段中显示

Parse JSON data in jQuery and display in textfield

本文关键字：显示 文本 字段 JSON jQuery 数据      更新时间：2023-09-26

我将以JSON格式打印test.php的响应数据，以将其打印在特定字段上

$.ajax({
    type: 'POST',
    url: 'test.php',
    data: data,
   success: function(response) {
   var result = $.parseJSON(response);
   $(document).ready(function(){
      $("#test").click(function(){
          $("#bemail").val(result.email);//when i prints only result than it displays [object object]
      });
   });
   }
});

这样试试吧。您必须将ajax放入$(document).ready 中

$(document).ready(function(){
$.ajax({
                type: 'POST',
                url: 'test.php',
                data: data,
               success: function(response) {
                  var result = JSON.parse(response);
                  $("#bemail").val(result.email);
               }
            });
});

您正在AJAX成功处理程序内部调用document.ready（），该处理程序不会被调用，因为AJAX调用不会再次调用文档加载，DOM已经加载，并且在页面会话的生命周期中只加载一次。

这么多应该做

          $.ajax({
                type: 'POST',
                url: 'test.php',
                data: data,
               success: function(response) {
                  var result = JSON.parse(response);
                  $("#bemail").val(result[0].email); //after you explained the JSON response
               }
            });

您的代码完全错误，应该是

function displayEmail() {
  $.ajax({
    type: 'POST',
    url: 'test.php',
    data: data,
    success: function(response) {
      var result = $.parseJSON(response);
      //Just Print the Result in Console using console.log(result)
      $("#bemail").val(result.email);
    }
  });
}
$(document).ready(function() {
  $("#test").click(function() {
    displayEmail();
  });
});
相关文章：