我现在要实现一个功能。前台页面有两个部分，上面是一个listA，下面是一个listB。listB是listA的子表。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了我现在要实现一个功能。前台页面有两个部分，上面是一个listA，下面是一个listB。listB是listA的子表。相关的知识，希望对你有一定的参考价值。
listA有一个更新button，listB是由jqGrid生成的，我现在需要作的就是 点击button后同时更新这两个list的数据并且提交到后台数据库中，能给个建议吗
参考技术A 这个不就是和同时更新两表张的记录差不多的吗?前台整个项目实现单页面跳转，抛弃iframe
即如下： 【想做到点击nav侧边栏，仅替换右边div中的内容，而不是跳转到新的页面,这样的话，其实整个项目中就只有一个完整的页面，其他的页面均只写<body>内的部分即可，或者仅仅写要替换的<div>内的部分即可！！】
index.jsp页面就是如上，也就是整个项目中的主页面，页面中包含nav部分和div部分，现在index.js中绑定左边侧边栏点击事件
$(".sub").click(function(){
//点击侧边栏的一个按钮之后，ajax去请求后台controller，然后controller返回一个页面地址，data中即新页面中的标签代码，然后填充到div中即可实现整个项目单页面
$.ajax({url:"../sub1",
type:"post",
traditional:true,
success:function(data){
$(".container-fluid").empty();
$(".container-fluid").append(data);
}
});
});
controller.java如下：
@RequestMapping(value = "sub1")
public String sub1(){
System.out.println("zhuyemian");
return "/sub/sub1";
}
中代码如下：
然后点击之后跳转的效果如下：
乱码处理方式：
sub1.jsp中代码修改为：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%> <h1 class=""> 做点什么事情</h1>
重新跳转访问：
即可解决乱码问题！！！
==========================================================================================================
问题1：
母页面中<script>引入js都在页面的最下方，而新引入的页面，也会需要引入新的js文件，那这引入的js文件能否起作用呢？
说明如下：
解释：
可以直接追加进入！！且自定义的js是可以起作用的。因为在新页面的代码追加入母页面的div之前，母页面中的js文件都已经加载成功了！
以上是关于我现在要实现一个功能。前台页面有两个部分，上面是一个listA，下面是一个listB。listB是listA的子表。的主要内容，如果未能解决你的问题，请参考以下文章
调取百度地图接口，实现取自己的实时位置，然后可以在百度地图上添加信息标注
为Page添加INotifyPropertyChanged功能
用php+mysql+ajax实现淘宝客服或阿里旺旺聊天功能 之 后台页面