码迷,mamicode.com
首页 > 其他好文 > 详细

前端常用技术总结

时间:2017-05-25 00:06:42      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:class   error:   代码   rand   logs   常用   ble   dialog   服务   

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

  

前端常用技术总结

标签:class   error:   代码   rand   logs   常用   ble   dialog   服务   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!