使用 MySQL Community Server 和 jQuery AJAX 的 RESTful Web 服务答案

【问题标题】：A RESTful Web Service using MySQL Community Server and jQuery AJAX使用 MySQL Community Server 和 jQuery AJAX 的 RESTful Web 服务
【发布时间】：2018-01-05 10:52:53
【问题描述】：

我正在尝试使用 MySQL Community Server 和 jQuery AJAX 创建一个 RESTful Web 服务

我的 jQuery AJAX 不能正常工作，所以如果我想添加、删除、更新产品或检索所有产品。它对我的点击没有反应。我不知道我在网页上遗漏了什么，你能帮我解决这个问题吗？

来自我的网页：

<button onclick="addProduct()"> Save </button>
<script>
    function addProduct() {
        var productData = {
            id: document.getElementById("id").value,
            name: document.getElementById("name").value,

        }

        $.ajax({
            url: "http://127.0.0.1:3306/app/products",
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            type: "POST",
            dataType: "json",
            data: JSON.stringify(productData)
        });
    }
</script>

来自我的 java 类：

@RequestMapping(method = RequestMethod.GET, value = "/app/products")
    public List<Product> getAllProducts(){
        return productService.getAllProducts();}

@RequestMapping(method = RequestMethod.POST, value = "/app/products")
        public void addProduct(@RequestBody Product product){
            productService.addProduct(product); }

【问题讨论】：

您看到任何错误吗？ “对我的点击没有反应”是指您没有看到任何网络调用吗？请详细说明。
没有错误。当我单击保存时，数据应保存到我的数据库中，并通过单击来检索数据，我应该得到所有保存的数据。但是没有数据保存到我的数据库中

标签： javascript java mysql ajax spring-boot

【解决方案1】：

您似乎正在尝试访问您的数据库（端口 3306）而不是 Spring Boot 应用程序（默认情况下在端口 8080 上运行）。

将 AJAX url 更改为：http://127.0.0.1:8080/app/products 应该可以工作。

【讨论】：