java - 如何将数据参数从 Java 代码发送到 HTML？

Question

我已经为现有网站编写了用于登录和注册的 HTML。我可以在 java 代码中使用 httpclient 成功进行登录和注册。
当用户尝试登录时，我的 java 代码将使用 httpclient 访问旧网站并获取响应。
现在，该响应中有一些字段，这是我的下一个 ajax 调用参数所必需的。现在我的表单中需要该参数。

如何将这些必需的参数从 java 代码发送到我的 html 表单？

预先感谢您的所有建议和答复。

Answer 1

要使用 ajax 进行 GET 调用，您需要

//create the XMLHttpRequest object
var xmlhttp = new XMLHttpRequest();
//add a function to process the response
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        var response = JSON.parse(xmlhttp.responseText);
        showContacts(response);
    }
}   
/set the URL        
xmlhttp.open("GET", "URL", true);
//invoke send
xmlhttp.send();

要使用 ajax 进行 POST 调用，您需要执行与 GET plus 相同的操作。

xmlhttp.open("POST", "URL", true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

//write the params
var name = document.getElementById("name").value;
var phone = document.getElementById("phone").value;
var address = document.getElementById("address").value;
var params = 'name=' + name + '&phone=' + phone + '&address=' + address;
//send
xmlhttp.send(params);

您还可以使用 JQuery 进行 AJAX 调用

获取

$.ajax({
    type: "GET",
    url: "URL",
    success: function( response ){
        showContacts(response);
    }
}); 

发布

$.ajax({
    type: "POST",
    url: "URL",
    data: {name: $('#name').val(), phone: $('#phone').val(), address: $('#address').val()}, 
    success: function( response ){
        showContacts(response)
    },
    error: function( response ){
        alert(response);
    }
});