RESTful开发风格3：RESTful基本使用一：客户端是HTML时，Restful演示；（本篇博客，仅仅是RESTful的一个基本演示，还有很多不足的地方需要完善）

本文链接：https://blog.youkuaiyun.com/csucsgoat/article/details/121260361

说明：

（1）本篇博客主要内容：客户端是HTML时，HTML是通过ajax技术，来与服务器端进行交互的；

（2）本篇博客的代码，沿用自【RESTful开发风格2：RESTful开发风格初体验二：开发第一个RESTful风格的项目；（主要是创建工程，为以后的各种演示作准备）】

2.演示Get、Post、Put、Delete；

（2.1）服务器端：RestfulController：增加Post、Put、Delete的处理方法；

（2.2）客户端：client.html：增加Post、Put、Delete的请求方法；

二：现存问题；（本篇博客只是实现了基本的Restful，还有很多不完美的地方）

一：客户端是【HTML】时，案例演示；

1.Get方式，案例演示；

（1.1）client.html：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-3.5.1.js"></script>
    <script>
        $(function () {
            $("#btnGet").click(function () {
                $.ajax({
                    "url" : "/restful/request",
                    "type" : "get",
                    "dataType" : "json",
                    "success" : function (json) {
                        $("#message").text(json.message);
                    },
                    "error":function () {
                        alert("mmmmmmm");
                    }
                })
            })
        });
    </script>
</head>
<body>
    <input type="button" id="btnGet" value="向服务器发送Get请求">
    <h1 id="message"></h1>

</body>
</html>
说明：

（1）由于jQuery对ajax提供了支持；上面的案例，就是通过jQuery来实现的ajax；

…………………………

（2）代码结构分析：

…………………………

（3）此时，客户端和服务器端之间，传递的不是“text/html”了，而是JSON，所以需要处理对应的中文乱码问题：

…………………………

（4）一开始的时候，这个client.html总是访问不成功。经过排除bug后，总结了几点错误原因：

&nbs