javascript - 如何同时发送getJson请求和提交输入表单

Question

我正在尝试创建一个既显示 AJAX 响应又提交输入的输入表单。然而，由于提交会刷新页面，AJAX 响应在提交表单后立即被删除。如何保留响应？

下面是我的代码。

                    $('#inputButton').click(function () {
                        var URL = 'URLEXAMPLE';
				        $.getJSON(URL, function(data){
				            
				            for (var i = 0; i < data.length; i++){
				                var info = data[i].content;
                                $("#jsonInfo").append(info);
                            };
				    });
				    
               

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="inputButton" type="submit" value="Done">
                <div id="jsonInfo"></div>

Answer 1

$('#inputButton').click(function (e) {

    e.preventDefault(); // prevent default behavior i.e. refresh page

    var URL = 'URLEXAMPLE';
    $.getJSON(URL, function(data){

    for (var i = 0; i < data.length; i++){
        var info = data[i].content;
        $("#jsonInfo").append(info);
    };
});