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]