2016-05-19 104 views
2

美好的一天,請先檢查我的腳本。從ajax請求接收數組

$(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; 
 
    }); 
 
});

我想是接收Ajax請求我的HTML。當我嘗試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'。現在正在工作,thans幫助球員。

+0

你想收到什麼? – guradio

+0

[demo](https://jsfiddle.net/o0opjp45/)檢查演示將其添加到您的代碼 – guradio

回答

0

您無法在您的情況下移除陣列。您可以使用它製作一個可以在hasilnama元素中顯示的HTML內容。

更改此:

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

對此例如:

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

+0

我得到這個錯誤在我的控制檯'未捕獲的TypeError:無法讀取屬性未定義的子字符串' – YVS1102

+0

console.log typeof hslnip.BirthDate);在控制檯運行此代碼並告訴我結果 –

+0

我得到這個結果undefined – YVS1102

0

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.FullNamehslnip.BirthDate