javascriptでのAjaxレスポンスへのアクセス

Question

ユーザーがドロップダウンメニューからオプションを選択したときに、バックエンドからデータを取得するためにAJAXリクエストを使用します。

$('#adSpace').change(function() { 
     var sel_opt = $(this).val(); 

     alert(sel_opt); 

     var location = null; 
     var width = null; 
     var height = null; 

     $.ajax({ 
      type: "GET", 
      dataType: 'json', 
      url: "advertisements-controller.php", 
      data: { 
       action: "getDimension", 
       location: sel_opt 
      }, 
      success: function (response) { 

       location = response.banner_location; 
       alert(location); 


      }, 
      error: function (xhr) { 
       alert("error"); 
      } 
     }); 

     }); 

今、私は以下のようなJSON形式のバックエンドからデータを取得しています：

[{"banner_location":"category_group_sidebar","banner_width":250,"banner_height":225}] 

私はjavascriptの変数にそれらを割り当てることによってbanner_location、banner_width、banner_heightの値にアクセスしたいが、私は」それをやっていない。 アイデア[...]：この

location = response[0].banner_location; 

Answer 1

使用。つまり、インデックスを使用して最初の配列項目にアクセスできます。また、複数のオブジェクトがある場合はresponseをforEachまたはjQueryのeach（$(response).each）と繰り返すことができます。

response[0].banner_location 

Answer 2

あなたの応答は、アレイの形で来る

Answer 3

は、jsonの配列です。 jsonにアクセスするには、配列のインデックスにfirsrアクセス​​する必要があります。これはarray[indexNumber]で行い、jsonのキーです。 あなたの場合はresponse[0].banner_location