簡介：涉及JavaScript、jQuery甚至Django模板語言

$.each()方法

定義：為每個匹配元素規定運行的函數

提示：返回false用於停止循環

語法：$(selector).each(function(index, element){......}),

• index - 選擇器的 index 位置
• element - 當前的元素(也可使用 "this" 選擇器)

實例：輸出每個li元素的文本

<script>
$("button").click(function(){
　　$("li").each(function(){
　　　　alert($(this
 
).text());
　　})
})
</script>

變體用法：

$.each(可循環對象，function(index, element){

　　1. 可循環對象 如 JSON數組，<li></li>標簽等，類似for in 後面的位置

　　2. function 為匿名函數，直接執行，類似 for的執行體

　　3. index, element 為元素標識，類似 enumerate

})

<script>
    var arr = [‘aaa‘, ‘bbb‘, ‘ccc‘];
    $(‘button‘).click(function
 
(){
        $.each(arr, function (index, value) {
            alert(index);
            alert(value);
        })
    })
</script>

$.post()方法

定義：POST請求數據

提示：csrf

語法：$.post(url, [data], [callback], [type])

url(String)：必填，發送請求的URL地址

data(Map)：可選，要發送給服務器的數據，以key/value的鍵值對形式表示

callback(Function)：可選，載入成功時回調函數(只有當Response的返回狀態是success才調用該方法)

type(String)：可選，客戶端請求data的類型(JSON、XML等等)

實例：

<script>
var data = {
    ‘key1‘:‘value1‘,
    ‘key2‘:‘value2‘
};

$.post(
    "/api/post/",
    {‘data‘:JSON.stringify(data), ‘csrfmiddlewaretoken‘:"{{ csrf_token }}"},
    function (callback) {
        var data = JSON.parse(callback);
        console.log(data)
    }
)
</script>

$.getJSON()方法

定義：GET請求數據

語法：$.getJSON(url, [data], [callback])

url(String)：必填，發送請求的URL地址

data(Map)：可選，要發送給服務器的數據，以key/value的鍵值對形式表示

callback(Function)：可選，載入成功時回調函數(只有當Response的返回狀態是success才調用該方法)

$.ajax()方法

說明：ajax()方法通過HTTP請求加載遠程數據

用法：$.ajax({

　　type: "GET",

　　url: "/aip/get",

　　data: {"key1": "value1", "key2":"value2"},

　　success: function(callback){.......}

})

參考：http://www.w3school.com.cn/jquery/ajax_ajax.asp

setInterval()方法

定義：按照指定的周期(毫秒)來調用函數或計算表達式

說明：setInterval方法會不停地調用函數，直到clearInterval()被調用或窗口被關閉。setInterval() 返回的 ID 值作 clearInterval() 參數

語法：res = setInterval(function, millisec) clearInterval(res)

實例：

<script>
var res = setInterval(function () {
    console.log(‘aaa‘)
},2000);

$(‘button‘).click(function(){
    clearInterval(res)
})
</script>

前端開發 - 知識點總結