首页 > 其他 > 详细

前端常用技术总结

时间:2017-05-24 23:37:00      阅读:262      评论:0      收藏:0      [点我收藏+]

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

  

前端常用技术总结

原文:http://www.cnblogs.com/wangshuyu/p/6901422.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!