1. 程式人生 > >javascript 與後端互動常用函式梳理

javascript 與後端互動常用函式梳理

1.splice()    方法用於插入、刪除或替換陣列的元素

   city_list是個陣列

$(document).on('click','.del',function(){
//            console.log($(this).index())
            city_list.splice($(this).index(),1);
            console.log(city_list);
            $(this).remove();
        });

注:$(document).這種寫法是當想要對JS動態建立的html新增事件的時候要用這種寫法(document是固定寫法),否則事件不生效

2.indexOf()方法可返回某個指定的字串值在陣列中或者字串中首次出現的位置

indexOf() 方法對大小寫敏感!

註釋:如果要檢索的字串值沒有出現,則該方法返回 -1。

//判斷所選區域是否已經選過
            if(city_list.indexOf(str_id) == -1){
                city_list.push(str_id);
            }else{
                return;
            }

3.JSON.stringify();  將陣列轉化成json字串

form.on('submit(subPwd)', function (data) {
            var url = "{:url('msg/add')}";
            data.field.content = $("#demo").val();
            data.field.ids = JSON.stringify(city_list);  //往表單data.field中新增資料並用json.stringify()方法轉換成json字串,後端接收以後json_decode一下就OK了
})