Question

美好的一天，请先检查我的脚本。

$(document).ready(function() {

  $("#findmynip").click(function() {
    $("#hasilnip").html('<img src="<?=base_url();?>assets_global/images/loader.gif">&nbsp; Please wait');
    var nipnnya = $("#nipnya").val();
    $.ajax({
      type: "POST",
      data: {
        nip: nipnnya
      },
      datatpe: 'json',
      url: "<?=base_url();?>registrasi/cek_ada/",
      success: function(hslnip) {
        if (hslnip) {
          alert(hslnip);
          $("#name").html(hslnip);
          //How do i do this
          $("#name").html(hslnip['FullName']);
          $("#birthday").html(hslnip['BirthDate']);
        } else {
          $("#name").html('Failed');
        }

      }
    });
    return false;
  });
});

我想要的是收到我的html的ajax请求。

当我尝试console.log(hslnip);时，结果为{"FullName":"BUNGA","BirthDate":"1994-10-03 00:00:00.000"}。任何帮助将不胜感激。

我想收到的是

<div id='name'></div>
<div id='birthday'></div>

我在这部分做了拼写错误：datatpe: 'json',我将其更改为dataType: 'json'。它现在正在工作，可以帮助人们。

Answer 1

您无法在您的情况下删除阵列。您可以使用它来构建可以在hasilnama元素中显示的HTML内容。

改变这个：

$("#hasilnama").html(hslnip);

以此为例：

$("#hasilnama").html('Fullname: ' + hslnip.FullName + ' Birthdate: ' + hslnip.BirthDate.substring(0, 10) + '');

Answer 2

var hslnip = {"FullName":"BUNGA","BirthDate":"1994-10-03 00:00:00.000"}

$('#name').text(hslnip.FullName)
$('#birthday').text(hslnip.BirthDate)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='name'></div>
<div id='birthday'></div>

使用hslnip.FullName和hslnip.BirthDate

从ajax请求接收数组

2 个答案: