wie json Daten aus Backend gesendet verwenden

Question

$.ajax({ 
url: '{{ URL('reports/groupsUsersGet') }}', 
dataType: "json", 
data: { 
    group_id : $('#group').val(), 
}, 
success: function(data) { 
    <li>"i want to insert variable here"<li> 
}, 
error: function (data) { 
    console.log('Error:', data); 
} 
}); 

Controller gibt diese

return Response::json($results); 

und es gibt diese

{"results":[{"id":1,"name":"user","nick":"user1"}]} 

wie kann ich diese acces in Ajax-Teil

Answer 1

können Sie verwenden die Daten in AJAX, vom Controller wie folgt gesendet:

$.ajax({ 
    url: '{{ URL('reports/groupsUsersGet') }}', 
    dataType: "json", 
    data: { 
    group_id : $('#group').val(), 
    }, 
    success: function(data) { // <-------- here data is your variable having json received from backend 
     $.each(data.results, function(key, val) { 
      // Use your results array here... 
      $('li.data').each(function(i) { 
       $(this).find('span.id').text(val.id); 
       $(this).find('span.name').text(val.name); 
       $(this).find('span.nick').text(val.nick); 
      });    
     }); 

    }, 
    error: function (data) { 
     console.log('Error:', data); 
    } 
}); 

Sie werden json in dem data Variable unter dem success Abschnitt Ihres Ajax-Aufruf

this helps erhalten!

Answer 2

var queryInfoById= function (id) { 
     var params = { 
      "id": id, 
     }; 

     $.getJSON(prefix + "/queryById.do", params, function (data) { 
      $("#name").val(data.name); 
      $("#age").val(data.age); 
     }); 
    }; 

Answer 3

In Ihrer success Methode können Sie auf die Daten zugreifen zurückgegeben vom Server als:

success: function(data) { 
    var users = data.results; 
    var temptale = ''; 
    for (var i = users.length - 1; i >= 0; i--) { 
     temptale += "<li>Name - " + users[i]['name'] + "<li>" 
    } 
    // use temptale to insert in your DOM 
}, 

Answer 4

$.ajax({ 
url: '{{ URL('reports/groupsUsersGet') }}', 
dataType: "json", 
data: { 
    group_id : $('#group').val(), 
}, 
success: function(data) { 

    var array = data.results; 
    for (var i=0; i < array.length; i++){ 
    var obj = array[i]; 
    var id = obj.id; 
    var name= obj.name; 
    var nick= obj.nick; 
    //Add here the data in your UL>LI elements. 

} 
}, 
error: function (data) { 
    console.log('Error:', data); 
} 
});