对于三级菜单栏的更新

96
艾石溪
2016.07.22 19:39* 字数 553

算计了一下,貌似每天都在等着装环境,不过废话不说了,开始今天的总结。

  1. 使用ajax获得接口中的数据,jquery中的ajax的用法现在有点感觉。基本的语法结构$.ajax({
    url:‘192.168.20.24:10000...’,
    type:'GET/POST',
    data:{"key":vavel}//要返回给后台的数据
    } ).done(data=>{
    //data就是从后台得到的数据啦
    }).error(()=>{
    //当服务器不行时,就可以自己来虚拟数据啦
    })
    原来就是这个样子的url就可以直接从端口获得数据的,不需要服务器啥的,但是有个问题就是要解决跨域问题。因为同域指的是同协议,同域名,同端口。。。,当使用ajax将代码嵌入到浏览器的时候,浏览器会将ajax携带的地址当成第三方的地址,出于安全考虑,就会阻止其请求,出现跨域问题。解决方案,据说是是使用伪地址,或者在服务器端设置一下让其访问
  2. 想要说的问题是自己的写代码的风格,老大说就是写代码太少,每次写完代码要学会优化总结,看看有哪些问题,想想是由于当前的语言问题,可不可以优化,虽然现在还没有到这种程度,但要有这种意识。还有红宝书要看,发现,哎,知道的太少,必须写才行,不写只看是白瞎的。
  3. 代码的总结:
  • 经常要用到的变量,要抽象出变量来。
  • 对于每个功能函数,要么起一个大家都懂的函数名,要么写注释,提高代码的可读性。当然,如果只是一个简单的函数内部的变量,可以不必这么在意。
  • var template = [
    '<a href="javascript:showTwo(' + data[j].id + ')">',,
    data[j].name,
    '</a>'
    ].join('');
    $(".container1").append(template);
    这种拼接字符串的方式,要比
    $(".container1").append("<a onclick="+'"'+"showTwo(" +data[j].id+ ")"+'";'+">"+data[j].name+"</a>");
    更简单一些,不至于自己看晕。。
实习笔记