如何使用 jquery ajax 格式化从 servlet 返回的 json 响应

Question

我正在尝试显示从使用 jquery ajax 调用的 servlet 返回的用户列表。第一个脚本块运行良好，但无法传递文本和下拉列表值等表单参数，但会以格式正确的列表显示从服务器返回的用户列表。

格式化响应但不能将表单参数传递给 servlet 的脚本。

$(document).ready(function() {
    $("form").submit(function(){
        alert("form submitted");
        $.get('SearchUserServlet', function(responseJson) {
            alert(responseJson);
            alert("inside the servlet");
            var $ul = $('<ul class="list-group">').appendTo($('.well'));
            $.each(responseJson, function(index, item) {
                $('<li class="list-group-item"><strong>').text(item).appendTo($ul);
            });
        });
    });
});

我尝试的第二个脚本将表单参数正确地传递给 servlet，但是从 servlet 返回的响应没有像第一个脚本那样格式化。下面是第二个脚本

var form = $('#SearchForm');

form.submit(function(){
    type: form.attr('method'),url: form.attr('action'),data: form.serialize(),
    success: function(responseJson) {
        alert(responseJson);
        alert("inside the servlet");
        var $ul = $('<ul class="list-group">').appendTo($('.well'));
        $.each(responseJson, function(index, item) {
            $('<li class="list-group-item"><strong>').text(item).appendTo($ul);
        });
    });
});

请帮助我找出这两个脚本中的问题，以便我可以传递表单参数并在正确的列表中获取格式化的响应。请评论和建议。

Answer 1

假设您的 json strin 是 jsonString={...,..,..};

试试这个

for(i=0; i<data.jsonString.length; i++) {
    //do your work here with which you are doing inside $.each  
}

如何使用 jquery ajax 格式化从 servlet 返回的 json 响应

How to format returned json response from servlet using jquery ajax

javascript

forms

ajax

jquery

servlets