前端之家收集整理的这篇文章主要介绍了
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>