Ajax保持在同一个Jsp页面中

Question

点击提交按钮后，我需要一个简单的AJAX代码才能保持在同一个jsp页面中。它不应该刷新页面。我研究了很多。但没有得到一个简单的。请帮助

Answer 1

您可以在此link

中找到一个简单的表单提交示例

您可以添加一个按钮<button id='submit-btn'>Submit</button>并点击该按钮进行ajax调用，如下面的代码所示。

$('#submit-btn').on('click', function (e) {
            var postData = $('#ajaxform').serializeArray();
    var formURL = $('#ajaxform').attr("action");
    $.ajax(
    {
        url : formURL,
        type: "POST",
        data : postData,
        success:function(data, textStatus, jqXHR) 
        {
            //data: return data from server
        },
        error: function(jqXHR, textStatus, errorThrown) 
        {
            //if fails      
        }
    });
        });