ajax返回jsp页面

前端之家收集整理的这篇文章主要介绍了ajax返回jsp页面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

说明:在访问action的返回界面时,1。使用action中的Java代码中写返回视图success,Struts的xml文件中指向jsp页面,2.使用ajax访问action,通过response的返回结果,js中利用回调函数处理response的返回结果,3.第三种就是如下使用方式。即1和2的结合方式,以前总以为不可以先测试可以的。


1.html中的右侧部分:

  1. <!-- 右侧内容部分 -->
  2. <div id="page-wrapper" style="height:calc(100vh - 52px);margin-left:260px;background-color:#fff;overflow-y:auto;
  3. -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代码

  1. editNewsSave:function(){
  2. for(instance in CKEDITOR.instances){
  3. CKEDITOR.instances[instance].updateElement();
  4. };
  5. var saveFormUrl=basePath + '/admin/saveNewsItem.action';
  6. $.ajax({
  7. // cache: true,type : "POST",url : saveFormUrl,data : $('#updateNews').serialize(),// dataType:"multipart/form-data",success : function(data) {
  8. sweetAlert("","保存成功!","success");
  9. // console.log(data);
  10. $("#page-wrapper").html(data);
  11. //console.log("成功调用 end");
  12. }
  13. });
  14. },

3.action带jsp的跳转


  1. <action name="*NewsItem"
  2. method="{1}"
  3. class="edu.ur.ir.web.action.news.ManageNews">
  4. <interceptor-ref name="crudStack" />
  5. <result name="success">/pages/admin/news/news.jsp</result>
  6. </action>

猜你在找的Ajax相关文章