背景:公司需要開發一些前端界面,基於bootstrap. 總結下自己在使用中常用, 又經常忘記的tips

　　1.以前寫ajax喜歡巴拉巴拉, 老代碼直接貼過來用

$.ajax({
                url:"${ctx}/openTrade/outerBrand/queryBrand",
                type:‘POST‘,
                data:{
                    "brandName":$(‘#brandName‘).val(),
                },
                cache:
 
false,  
                dataType : ‘json‘,
                success:function(data){
                    if(data.result){
                        var yhOptions="<option value=‘‘>請選擇</option>";
                        var otherOptions="<option value=‘‘>請選擇</option><option value=‘‘ disabled >----</option><option value=‘206406‘>206406--會員店</option><option value=‘‘ disabled >-----------------------</option>";
                        $.each(data.yhList,
 
function(i,out){
                            yhOptions+="<option value=‘"+out.pid+"‘>"+out.pid+"--"+out.name+"</option>";
                        });
                        $.each(data.jdList,function(i,out){
                            otherOptions+="<option value=‘"+out.id+"‘>"+out.id+"--"+out.brandName+"</option>";
                        });
                        $(
 
"#brandIdSelect").append(yhOptions);
                        $("#oBrandIdSelect").append(otherOptions);
                    }else{
                        BootstrapDialog.alert("錯誤信息");
                    }
                },
                error:function(data){
                    BootstrapDialog.alert("系統異常");
                }
            });

代碼信息介麽長, 好用嗎, 能不能簡化點呢? 對 , 使用$.get(url,data,success(response,status,xhr),dataType), $.post(url,data,success(data, textStatus, jqXHR),dataType), 官方解釋:通過HTTP GET/POST 請求從服務器載入數據. 相當於對$.ajax 的簡寫. 可記憶 ---- udft , 四個參數.

前端常用技術總結