读书人

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

发布时间: 2012-10-18 13:46:55 作者: rapoo

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实现一样的

在之前的博客中有介绍。

?

读书人网 >Ajax

热点推荐