创新实训-ajax动态获取controller传递的数据|P标签内容动态显示，自动换行|button调用js方法|mysql中blob类型

最新推荐文章于 2023-11-14 13:53:42 发布

qq_41859471

最新推荐文章于 2023-11-14 13:53:42 发布

阅读量523

点赞数

分类专栏：创新实训文章标签： js ajax javascript mysql css

本文链接：https://blog.csdn.net/qq_41859471/article/details/106799860

版权

本文介绍了如何使用Ajax动态获取Controller传递的数据并显示在P标签中，实现内容动态显示和自动换行。同时讲解了如何通过button调用JS方法，并设置button样式。还探讨了在MySQL中处理Blob类型数据的问题，特别是在插入大图片时遇到的挑战。

摘要由CSDN通过智能技术生成

创新实训-ajax动态获取controller传递的数据|P标签内容动态显示，自动换行|button调用js方法|mysql中blob类型

一、ajax动态获取controller传递的数据
这周的创新实训又开始啦，首页还需要一个讨论帖的页面需要添加。前两个页面都是用laui中的表格来获取数据，这一次换成用ajax，然后button可以设置在内容的下面。
html中的代码：

  $.ajax({
   
             async : false,
             cache : false,
             type:'POST',
             url:'TopicIndexShow' ,
              //contentType : "application/json;charset=utf-8",
              success:function (result) {
   
              // console.log('aa');
              var arr = [];
              for(var item in result){
   
                    arr.push(result[item]);
                                }
               for (var i = 0; i < arr.length; i++) {
   
                       console.log(arr[i].topic_ID);
                        console.log(arr[i].topic_contens);

                                }

                            },
                            error: function(data) {
   
                                alert("请求出错");
                                alert(data);
                            }
                        });

其中url需要改为自己的controller的值，controller中返回的是对象列表，ajax用push方法将列表存入数组中，并打印出来。
对应controller中的方法：

 @RequestMapping(value = "/TopicIndexShow", method = RequestMethod.POST,produces = "application/json;charset=UTF-8")
    //可以把一个集合转为json返回给前端,第一个表格的请求
    public @ResponseBody
    List<TopicView> TopicIndexShow( )  {
   
        JSONObject jobj=null;
        //