前端常用技术总结

Posted 2020-09-19

　　背景:公司需要开发一些前端界面,基于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 , 四个参数.