[英]How can I access an element of an array in JQUERY?
我是JQUERY的新手並嘗試使用AJAX。我需要訪問數組,以便將元素放在我的html表中。 順便說一下陣列來自我的后端。
數據數組中的元素是:
[1990, "098765", "094561", "098123", "097612"]
我嘗試了通常的方法,但它不會工作,怎么做對了? 真的需要幫助
我的Jquery代碼:
$('#trigger').click(function(){
var send = $('#myselect').val();
$.ajax({
data:{
sent: send
},
type: 'POST',
url: '/delinquincy'
})
.done(function(data){
console.log(data)
var q1=data[1]
var q2=data[2]
var q3=data[3]
var q4=data[4]
$('#q1').html(q1)
$('#q2').html(q2)
$('#q3').html(q3)
$('#q4').html(q4)
})
})
這是我放置數組元素的地方,
我的HTML表格 :
<table class="table table-bordered" id="subtable">
<thead>
<tr>
<th scope="col">Quarter</th>
<th scope="col">O.R.number</th>
<th scope="col">Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>1st Quarter</td>
<td id="q1"> </td>
<td><button type="button" class="btn btn-primary subbutton" data-toggle="modal" data-target="#submodal" id="pay" data-row-val="" >Pay</button></td>
</tr>
<tr>
<td>2nd Quarter</td>
<td id="q2"> </td>
<td><button type="button" class="btn btn-primary subbutton" data-toggle="modal" data-target="#submodal" id="pay" data-row-val="" >Pay</button></td>
</tr>
<tr>
<td>3rd Quarter</td>
<td id="q3"> </td>
<td><button type="button" class="btn btn-primary subbutton" data-toggle="modal" data-target="#submodal" id="pay" data-row-val="" >Pay</button></td>
</tr>
<tr>
<td>4th Quarter</td>
<td id="q4"> </td>
<td><button type="button" class="btn btn-primary subbutton" data-toggle="modal" data-target="#submodal" id="pay" data-row-val="" >Pay</button></td>
</tr>
</tbody>
</table>
由於您在請求中沒有設置dataType
,因此響應將始終作為字符串,而不是隨時可用的javascript數組。 采用
data = JSON.parse(data)
之前
$('#q1').html( data[0] )
或添加
dataType: "json",
你的AJAX請求。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.