jquery ajax請求後臺 的簡單例子

jQuery.ajax(url,[settings])

概述

經過 HTTP 請求加載遠程數據。

jQuery 底層 AJAX 實現。簡單易用的高層實現見 $.get, $.post 等。$.ajax() 返回其建立的 XMLHttpRequest 對象。大多數狀況下你無需直接操做該函數，除非你須要操做不經常使用的選項，以得到更多的靈活性。

最簡單的狀況下，$.ajax()能夠不帶任何參數直接使用。

注意，全部的選項均可以經過$.ajaxSetup()函數來全局設置。

回調函數

若是要處理$.ajax()獲得的數據，則須要使用回調函數。beforeSend、error、dataFilter、success、complete。

• beforeSend 在發送請求以前調用，而且傳入一個XMLHttpRequest做爲參數。
• error 在請求出錯時調用。傳入XMLHttpRequest對象，描述錯誤類型的字符串以及一個異常對象（若是有的話）
• dataFilter 在請求成功以後調用。傳入返回的數據以及"dataType"參數的值。而且必須返回新的數據（多是處理過的）傳遞給success回調函數。
• success 當請求以後調用。傳入返回後的數據，以及包含成功代碼的字符串。
• complete 當請求完成以後調用這個函數，不管成功或失敗。傳入XMLHttpRequest對象，以及一個包含成功或錯誤代碼的字符串。

demo以下：

前臺js代碼：

var url = "/test/check";
    $.ajax({
        type: "post",
        url: url,
//      data: "para="+para,  此處data能夠爲 a=1&b=2類型的字符串 或 json數據。
        data: {"para":1},
        cache: false,
        async : false,
        dataType: "json",
        success: function (data ,textStatus, jqXHR)
        {
            if("true"==data.flag){
               alert("合法！");
                return true;
            }else{
                alert("不合法！錯誤信息以下："+data.errorMsg);
                return false;
            }
        },
        error:function (XMLHttpRequest, textStatus, errorThrown) {      
            alert("請求失敗！");
        }
     });

後臺java代碼：

/**
     * 校驗
     *
     * @return void
     */
    public void check(){
        Map<String,String> result = new HashMap<String,String>();
        boolean flag = false;
        try{
            String para= getPara("para");
            //校驗 代碼...
            result.put("flag", "true");
            renderJson(result);//返回json數據
        }catch(Exception e){
            result.put("flag", flag+"");
            result.put("errorMsg", e.getMessage());
            renderJson(result);//返回json數據
            e.printStackTrace();
        }
    }

 

限時領取免費Java相關資料，涵蓋了Java、Redis、MongoDB、MySQL、Zookeeper、Spring Cloud、Dubbo/Kafka、Hadoop、Hbase、Flink等高併發分佈式、大數據、機器學習等技術。

資料傳送門：  https://mp.weixin.qq.com/s/u2b_NVNuMuAPE0w4lc45fw

關注下方公衆號便可免費領取：