美文网首页
对于三级菜单栏的更新

对于三级菜单栏的更新

作者: 艾石溪 | 来源:发表于2016-07-22 19:39 被阅读7次

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

    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>");
      更简单一些,不至于自己看晕。。

    相关文章

      网友评论

          本文标题:对于三级菜单栏的更新

          本文链接:https://www.haomeiwen.com/subject/zhbijttx.html