javascript - 如何从 JavaScript 向 Web 服务发送 GET 请求

Question

我有一个 html 表单，其按钮上有一个 onClick 属性，然后调用 JavaScript 函数:

function submitForm () {

    // Get Session ID
    var sessionId = document.getElementById("session-id").value;

    // Get Description
    var description = document.getElementById("description").value;

    // Call WebService ??   

}

在此阶段，我必须通过以下 URL 调用 Web 服务:

localhost:8080/PatientRefund/WebService?urnId=93&batchDescription=My%20Description

您可以将“93”替换为“sessionId”，将“My%20Description”替换为“batchDescription”。此外，该请求应该是 GET 请求。

有人能给我指出正确的方向吗？我不是在找你为我编写代码...谢谢大家:)

Answer 1

使用 jQuery ajax，您的代码将如下所示:

function submitForm () {
    var sessionId = document.getElementById("session-id").value;
    var description = document.getElementById("description").value;

    $.ajax({
        url: 'http://localhost:8080/PatientRefund/WebService',
        type: 'GET',
        data: {urnId: sessionId, batchDescription: description}
    }).done(function(response) {
        console.log(response);
        // do something with your response
    });
}

如果您希望客户端在提交后下载文件，则不应使用ajax请求。您应该动态创建一个表单并提交它。示例代码:

function submitForm() {
    var sessionId = document.getElementById("session-id").value;
    var description = document.getElementById("description").value;
    var newForm = jQuery('<form>', {
        'action': 'http://localhost:8080/PatientRefund/WebService',
        'method': 'GET',
        'target': '_top'
    }).append(jQuery('<input>', {
        'name': 'urnId',
        'value': sessionId,
        'type': 'hidden'
    })).append(jQuery('<input>', {
        'name': 'batchDescription',
        'value': description,
        'type': 'hidden'
    }));
    newForm.submit();
    return false;
}