jquery Ajax 通過jsonp的方式跨域提交表單


  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屬性為回調函數名稱的值。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM