Question

我需要将Paragraph或P标签的文本设置为通过AJAX获得的值。所以我的HTML页面有点像我已经声明了段落选项卡。

<p class="card-text">Client Type<p id="Client_Type" name = "Client_Type"></p></p>

按下按钮我正在向HOME_CARD.PHP页面调用AJAX。 PHP正常工作，它将数据返回给jQuery。当我使用console.log（数据）;它会正确显示所有数据。

$.ajax({
  url: "Home_Card.php",
  method: "POST",
  data: {
    search_client_id: search_client_id
  },
  success: function(data) {
    console.log(data);
    $('#Client_Type').val(data.CLIENT_MNEMONIC);
    //$('#Client_Type').text("HELLO");
    //$('#Client_Type').attr(data.CLIENT_MNEMONIC);
    //$('#card').show();
    //$('#Client_Type').("HELLOE");
  }
});

因此，我尝试使用val函数将CLIENT_TYPE中的值分配给HTML页面中的p标记，但不进行分配。当我使用$('#Client_Type').text("HELLO");时，它会正确分配值"HELLO"，因此我猜测我的程序没有任何问题。

我想知道是否还有其他方法可以将值分配给jQuery中的paragraph标签？

如何使用jQuery将以JSON格式从PHP获得的特定值分配给段落p标记。

Answer 1

我认为段落没有任何价值。

所以你应该使用其中一种方法

 $('#Client_Type').text(data.CLIENT_MNEMONIC);

或

 $('#Client_Type').append(data.CLIENT_MNEMONIC);

Answer 2

使用text方法或html方法代替：

$('#Client_Type').text(data.CLIENT_MNEMONIC)

Answer 3

使用html或append方法

$('#Client_Type').html(data.CLIENT_MNEMONIC);

Answer 4

感谢您的时间和答案，但我发现了自己的错误。在AJAX调用期间，我没有提到我得到的数据类型

数据类型：＆＃34; json＆＃34;，

希望完全能帮助那些也在努力的人。

 $.ajax({
  url: "Home_Card.php",
  method: "POST",
datatype: "json",

  data: {
    search_client_id: search_client_id
  },
  success: function(data) {
    console.log(data);
    $('#Client_Type').val(data.CLIENT_MNEMONIC);
    //$('#Client_Type').text("HELLO");
    //$('#Client_Type').attr(data.CLIENT_MNEMONIC);
    //$('#card').show();
    //$('#Client_Type').("HELLOE");
  }
});

通过jQuery为从PHP获取的数据为Paragraph或P标记赋值

4 个答案: