前端之家收集整理的这篇文章主要介绍了
ajax返回jsp页面,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
说明:在访问action的返回界面时,1。使用action中的Java代码中写返回视图success,Struts的xml文件中指向jsp页面,2.使用ajax访问action,通过response的返回结果,js中利用回调函数处理response的返回结果,3.第三种就是如下使用方式。即1和2的结合方式,以前总以为不可以先测试可以的。
1.html中的右侧部分:
<!-- 右侧内容部分 -->
<div id="page-wrapper" style="height:calc(100vh - 52px);margin-left:260px;background-color:#fff;overflow-y:auto;
-webkit-Box-shadow:3px 0 10px #d9edf7 inset;-moz-Box-shadow:3px 0 10px #d9edf7 inset;Box-shadow:3px 0 10px #d9edf7 inset;"></div>
2.js中ajax代码:
editNewsSave:function(){
for(instance in CKEDITOR.instances){
CKEDITOR.instances[instance].updateElement();
};
var saveFormUrl=basePath + '/admin/saveNewsItem.action';
$.ajax({
// cache: true,type : "POST",url : saveFormUrl,data : $('#updateNews').serialize(),// dataType:"multipart/form-data",success : function(data) {
sweetAlert("","保存成功!","success");
// console.log(data);
$("#page-wrapper").html(data);
//console.log("成功调用 end");
}
});
},
3.action带jsp的跳转:
<action name="*NewsItem"
method="{1}"
class="edu.ur.ir.web.action.news.ManageNews">
<interceptor-ref name="crudStack" />
<result name="success">/pages/admin/news/news.jsp</result>
</action>
原文链接:https://www.f2er.com/ajax/161241.html