首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

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

2012-10-18 
AJAX实现无跳转传递数据和接收后台数据一、利用AJAX实现跳转1、页面AJAX的相关JAVASCRIPT代码(前提是引入相

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

在之前的博客中有介绍。

?

热点排行