ajax json表单 jsp页面显示

随着互联网技术的发展，越来越多的网站开始采用Ajax技术，从而提高用户体验。其中，Ajax和Json是两种非常常用的技术，特别是在表单提交过程中，它们的应用更是广泛。

//Ajax代码示例
function submitForm() {
    $.ajax({
        url: "submitForm.do",type: "post",dataType: "json",//数据类型为json
        data: {
            "username": $("#username").val(),"password": $("#password").val()
        },success: function (data) {
            if (data.result == "success") {
                alert("提交成功");
            } else {
                alert("提交失败");
            }
        },error: function () {
            alert("系统错误");
        }
    });
}

上面的代码是一个简单的Ajax表单提交的示例。其中，我们通过使用$.ajax()方法来向服务器发送post请求。由于我们想要接受到的数据是json格式的，所以在dataType中设置为"json"。同时，我们也需要将表单数据以json格式的数据传给服务器。

//Json代码示例
{
    "result": "success"   //表示提交成功
}

在服务器处理完我们发送的表单数据之后，应该返回一个类似上面示例所示的Json数据。这个Json数据会包含着一些与表单提交相关的信息，例如提交结果、错误信息等等。我们可以在Ajax请求的success回调函数中获取到这些数据，并进行相应的逻辑处理。

最后，当我们接收到服务器返回的Json数据之后，我们需要将其展示在jsp页面上。这时，我们可以通过JavaScript代码将数据填充到页面的特定位置。下面是一个简单的示例代码：

<p>用户名：<span id="usernameSpan"></span></p>
<p>密码：<span id="passwordSpan"></span></p>
<script>
    // 假设服务器返回了一个包含了表单数据的Json对象data
    $("#usernameSpan").text(data.username);
    $("#passwordSpan").text(data.password);
</script>

以上就是关于Ajax、Json表单提交以及在jsp页面上展示数据的一些简单介绍。这些技术的运用，可以使我们的表单提交过程更加流畅，同时也提升了用户体验。