How to display JSON using ajax

Question

I want to display the value based on selected value on drop down list with using Get method of Ajax from the url,

based on schema i have to add the value of selected item to the meddle of url and then i can get the relative data from the server:

this is my code:

$.ajax({
   type: 'GET',
   url: 'url',
   success: function(data) {
   for (var i = 0; i < data.length; i++) {
        $("#tbl2").append("<option>"+data[i]+"</option>");
     }
   }
});

var one = 'http://gate.atlascon.cz:9999/rest/a/';
var middle = $('#tbl2 :selected').text(); // it should be the selected item from last get method
var end = '/namespace';
var url_t = one + middle + end ;


$.ajax({
   type: 'GET',
   url: url_t,
   success: function(data2) {
   $("#text-area").append(data2);
   }

but it is not work!

i am new in programming, could you please help me. thanks.

Amy · Accepted Answer · 2017-01-24 17:23:06Z

1

try this:

$.ajax({
   type: 'GET',
   url: 'url',
   success: function(data) {

   for (var i = 0; i < data.length; i++) {
        $("#tbl").append("<tr><td>"+data[i]+"</td></tr>");
     }
   }
});

answered Jan 24, 2017 at 17:23

Amy

4,0301 gold badge22 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Amy Over a year ago

is this answer is useful?

Alex Over a year ago

yes, thanks. know i have a error 405, with sending data by post method do you know how to solve it?

Brunno · Accepted Answer · 2017-01-24 17:34:48Z

0

Add this in your ajax success():

data.forEach(function(item) {
  $("#tbl").find('tbody')
      .append($('<tr>')
          .append($('<td>').text(item))
      );
})

answered Jan 24, 2017 at 17:34

Brunno

1,00718 silver badges28 bronze badges

Collectives™ on Stack Overflow

How to display JSON using ajax

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related