ajax返回jsp页面

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

猜你在找的Ajax相关文章