日期:2014-05-16  浏览次数:20619 次

AJAX实现无跳转传递数据和接收后台数据

一、利用AJAX实现跳转

1、页面AJAX的相关JAVASCRIPT代码(前提是引入相关JS文件)

 function getproductsF(){
    	beforeSuccessed();
    	//在这里用AJAX使得页面数据传到前台,然后直接接受数据
    	 var sURL="productGroupManagement_updateProductPrice.do";
    	 var params = "&theGorupIds="+ $("#ownGorupIds").val();
			$.ajaxSetup({cache:false});
			$.ajax( {
				"type": "POST", 
				"url": sURL, 
				"dataType": "text",
				"data": params , 
				"success": function(oRequest) {
					callbackF4piscrawler(oRequest);
				}
			,"complete": function(xhr,statusMsg){
				   // alert(xhr);   
				   // alert(statusMsg);   
				   if (statusMsg == 'error') { 
						alert( '对不起,后台处理出现异常...');
					}
				   endLoading();
				}	
			});		 
   	
   	
	}
	function callbackF4piscrawler(oRequest){
		alert(oRequest);
		endLoading();
	}

?2、后台ACTION里的相关参数及变量

	String mString= "";
		try {
			mString= reService.getProduct(siteAll,proCodeAll);
			
		} catch (Exception e) {
			e.printStackTrace();
		}
		logger.info(mString);
//		JSONArray array = new JSONArray();
//		array.add(mString);
		HttpServletResponse response = ServletActionContext.getResponse();
		response.setCharacterEncoding("UTF-8");
		response.setContentType("text/xml");
		PrintWriter out = response.getWriter();
		out.print(mString);
		out.flush();
		out.close();
		//在这里将后台的字符在没有任何页面跳转的情况下传到后台
		return null;// 在此处不返回任何东西

?二、XMLREQUEST实现一样的

在之前的博客中有介绍。

?