javascript - 将数据从 javascript ajax 函数发送到 jsp

Question

这就是我正在努力做的事情。在主页上，例如/home.jsp，用户单击一个链接。我读取了链接的值，并在此基础上调用了 RESTful 资源，该资源进而操作数据库并返回响应。使用 JavaScript 可以按预期与 REST 进行交互。我已经能够从 REST 资源获取信息，但现在我想将该数据发送到另一个 JSP。例如/info.jsp。我无法做到这一点。

我试图在父 Ajax 调用的成功函数中进行另一个 ajax 调用，但没有任何反应。例如:

function dealInfo(aparameter){



    var requestData = {
            "dataType":    "json",
            "type"    :    "GET",
            "url"     :    REST resource URL+aparameter,
    };

    var request = $.ajax(requestData);
    request.success(function(data){

        alert(something from data); //this is a success

        //I cannot get into the below AJAX call
        $.ajax({

            "type": "post",
            "url": "info.jsp"
            success: function(data){
                alert("here");
                ("#someDiv").html(data[0].deviceModel);
            }

        });

我该如何实现这一目标？我应该使用其他方法而不是两次 Ajax 调用吗？任何帮助表示赞赏。谢谢。

Answer 1

您可以使用以下功能:

function dealInfo(aparameter) {
    $.ajax({
        url: 'thePage.jsp',
        type: "GET",
        cache: false,
        dataType: 'json',
        data: {'aparameter': aparameter},
        success: function (data) {

            alert(data); //or you can use console.log(data);

            $.ajax({
                url: 'info.jsp',
                type: "POST",
                cache: false,
                data: {'oldValorFromFirstAjaxCall': data},
                success: function (info) {
                    alert(info); //or you can use console.log(info);
                    $("#someDiv").html(info);
                }
            });

        }
    });
}

或者使 AJAX 调用同步:

function dealInfo(aparameter) {
    var request = $.ajax({
        async: false, //It's very important
        cache: false,
        url: 'thePage.jsp',
        type: "GET",
        dataType: 'json',
        data: {'aparameter': aparameter}
    }).responseText;

    $.ajax({
        url: 'info.jsp',
        type: "POST",
        cache: false,
        data: {'oldValorFromFirstAjaxCall': request},
        success: function (info) {
            alert(info); //or you can use console.log(info);
            $("#someDiv").html(info);
        }
    });
}