JQuery

ajax+jquery+struts
编写了5个页面:main.jsp,add.jsp,delete.jsp,update.jsp,query.jsp
一个js页面do.js
一个struts
在main.jsp页面有4个button：add，delete,update,query一个弹出层
我要实现的功能是点击各个按钮弹出所对应的jsp页面
main.jsp
<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<script type="text/javascript" src="do.js"></script>
<div>
<form>
<table>
<tr>
<td><input type="button" value="add" onclick="add_jsp()"/></td>
<td><input type="button" value="delete" onclick="delete_jsp()"/></td>
<td><input type="button" value="update" onclick="update_jsp()"/></td>
<td><input type="button" value="query" onclick="query_jsp()"/></td>
</tr>
</table>
</form>
</div>
<div id="popup">
  <div id="content"></div>
</div>
do.jsfunction add_jsp() {
$.ajax({type:"post", url:"struts/do/addaction.action ,
 success:function (data) {
$("").html(data);
$("").children().show();
$("").dialog({title:name});
$("").dialog("open");
}, error:function () {
$.messager.alert("\u4fe1\u606f", "ajax\u4ea4\u4e92\u51fa\u9519", "error");
}});
}
function delete_jsp() {

}
function update_jsp() {

}
function query_jsp() {

}
struts
@SuppressWarnings("serial")
@Namespace("/struts/do")
@Results( {
@Result(name = "add", location = "/jsp/add.jsp"),
@Result(name = "query", location = "/jsp/query.jsp"),
@Result(name = "delete", location = "/jsp/delete.jsp"),
@Result(name = "upadate", location = "/jsp/upadate")
})
public class myStruts extends ActionSupport {
      @Action("addaction")
public String addaction() {
return "add";
}
}
........