如何使用从后端发送的json数据

时间:2016-12-15 13:24:11

标签: javascript jquery json laravel laravel-5

awk 'BEGIN{sum=0} {if(NF==1) sum+=$1;else for(i=1;i<=NF;i++) sum+=$i;} END{print sum}' plik.txt

控制器返回此

$.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);
}
});

它给出了这个

return Response::json($results);

我如何在ajax部分中访问它

4 个答案:

答案 0 :(得分:5)

您可以使用ajax中的数据,从控制器发送,如下所示:

$.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);
    }
});
  

您将在ajax调用的data部分下的success变量中获取json

希望这有帮助!

答案 1 :(得分:1)

success方法中,您可以访问从服务器返回的数据:

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
},

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

$.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);
}
});