Jquery Ajax可以通過jsonp的方式跨域提交表單,至於什么是跨域提交簡單說就是你的客戶端和服務端不在同一個域名下或端口號不同也可以叫做跨域。
前台代碼:
$.ajax({ type : 'get', async: false, url : '${pageContext.request.contextPath}/clue/uploadForm', dataType : 'jsonp', data: { mydata : JSON.stringify(obj,fm), formId : formId }, jsonp: 'callbackparam', jsonpCallback:'success_jsonpCallback', success : function(json){ //alert(json.message); result = json.message; }, error : function(json,XMLResponse){ //alert(XMLResponse.responseText+XMLHttpRequest.status); result = "返回信息:" + json.message + "錯誤碼:" + XMLHttpRequest.status; } });
后台代碼:
/** * 提交form表單數據 * @param request * @param session * @return * @throws IOException */ @RequestMapping(value ="uploadForm") public void uploadForm(HttpServletRequest request, HttpServletResponse response,HttpSession session) throws IOException{ Map<String,Object> dataMap = new HashMap<String,Object>();
dataMap.put("message","success"); String callbackparam = request.getParameter("callbackparam"); response.setCharacterEncoding("utf-8"); JSONObject json = JSONObject.fromObject(dataMap); System.out.println(callbackparam+"("+ json.toString() + ")"); response.getWriter().print(callbackparam+"("+ json.toString() + ")"); }
注意:
1.通過jsonp方式跨域返回值不能為數據,其實為一段js代碼,所以如果是springmvc,不能使用@ResponseBody注解。
2.返回值中要按照jsonp的格式,即callbackparam值加上“()”,括號中為json字符串
3.前台代碼中,jsonp屬性中callbackparam為回調函數名稱變量名,jsonpCallback屬性為回調函數名稱的值。