xiangjinqi 发表于 2013-1-23 01:20:50

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实现一样的
在之前的博客中有介绍。
 
页: [1]
查看完整版本: AJAX实现无跳转传递数据和接收后台数据