如何在JQUERY中访问数组的元素?

时间:2018-01-04 07:52:05

标签: javascript jquery html arrays ajax

我是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>

1 个答案:

答案 0 :(得分:3)

由于您在请求中没有设置dataType,因此响应将始终作为字符串,而不是随时可用的javascript数组。使用

data = JSON.parse(data) 

之前

$('#q1').html( data[0] )

或添加

dataType: "json",

到您的AJAX请求。