前台页面用jquery写，如何读取后台内容

使用jQuery与Ajax获取后台数据并显示

最新推荐文章于 2022-03-25 00:06:02 发布

原创最新推荐文章于 2022-03-25 00:06:02 发布 · 658 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery

Jquery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何利用jQuery的ajax方法，通过POST方式向后台发送请求，获取数据。示例中展示了如何在前台页面`index.jsp`中定义函数`getArticleList`，通过调用`$.post`发送请求到后台的`ArticleListByPageAction`，并将返回的JSON数据处理后插入到页面元素中。后台Action接收参数并调用业务方法获取文章列表，最后返回JSON响应。

通过ajax把参数发送到后台，后台查到数据后写到前台的，如最简单的post方式，
$.post("后台页路径"，"参数，一般是json格式"，function(dd){
//这是回调函数，dd代表还回的数据
})

例子：

index.jsp;

<head>

$(function() {
getArticleList("articles",12,{aid:"ccust.about.move",start:"0",offset:"10"});
getMenuList("content");
});

</script>

</head>

<body>

</body>

ArticleListByPage.do

public class ArticleListByPageAction implements IAction {

public IView execute(HttpServletRequest request,
   HttpServletResponse response) {

  String aid = request.getParameter("aid");
  String start = request.getParameter("start");
  String offset = request.getParameter("offset");
  ListData<Article> data = Article.getByCidByShow(aid,start,offset);
  return new JsonView(JSONUtils.getDataGridJSON(data.getTotal(),
    data.getList()));
}

public String requestMapping() {
return "/webdo/article/articleListByPage.do";
}

}