Servlet、AJAX,JSON操作（二）

最新推荐文章于 2021-10-05 11:24:42 发布

cgl_dong

最新推荐文章于 2021-10-05 11:24:42 发布

阅读量202

点赞数

分类专栏：前端 Java

本文链接：https://blog.csdn.net/weixin_43688691/article/details/90492396

版权

Java 同时被 2 个专栏收录

92 篇文章 0 订阅

订阅专栏

前端

21 篇文章 0 订阅

订阅专栏

初始页面

在这里插入图片描述
就是这段代码，这里有趣的是不仅弹出了窗口，而且也把标签里面的内容也同时替换了，弹出框是json格式，内容区是json格式的html，为啥这么说，看下面呀

$(document).ready(function () {
            $("#b").click(function () {
                $("#pp").html("<h1>你也好</h1>");
                $("#i").val("no");
                $("#p").load("/ServletAjax","get",function (resText,statusText) {
                   alert(resText)
                })
            })
            }
        );

在这里插入图片描述

接下来是使用$ajax方法的代码

$(document).ready(function () {
            $("#bb").click(function () {
                $.ajax({
                    url:"/ServletAjax",
                    type:"post",
                    data:"username=jack",
                    dataType:"html",
                    success:function (data) {
                       $("#hh").html(data)
                    },
                    error:function () {
                        alert("失败了、、")
                    }
                })
            })
            }
        );
        $(document).ready(function () {
            $("#bbb").click(function () {
                $.ajax({
                    url:"/ServletAjax",
                    type:"post",
                    data:{"name":"Tom","age":18},
                    dataType:"json",
                    success:function (data) {
                        alert(data.name)
                    },
                    error:function () {
                        alert("失败了、、")
                    }
                })
            })
        })

在这里插入图片描述
由于提交的参数名是username，和服务端post方法使用的参数名不一致，所以没有得到数据，并且服务器返回的是json类型，浏览器端指定的dataType是html,显示如上，而将dataType指定为json时，反而显示为空白，即html页面中的内容区域，只能是text和html格式
在这里插入图片描述
在弹出框中json格式是被支持的