第二天(cookie 和ajax的基础)

2016-12-04  本文已影响0人  洋仔幕落幕合

(一)关于第一天的回顾:

        1:cookie的注意事项:1)服务器环境 2)不安全 3)大小   4K  -- 珍贵
                         4)不管看到的是什么,取出来的都是字符串 5)过期时间
           session:表示会话的cookie 
           expires:表示过期时间的cookie  使用时要加oDate
           
        2:cookie读的写法:getCookie(name)
             1)按  '; ' 切,split
             2)按 '=' 切,得到cookie的每一段
             3) name == cookie[0]   如果相等,就返回
             4)都没有相等,返回 ''
             
        3:写、种、设置:
        setCookie(name,value,iDay) 有的时候iDay  有可能不传   if(iDay)..
         path:/

(二)form 提交:

1 :form表单中的数据提交到后台:action:   提交地址
2:表单标签: input  select  textarea 
    表单中必须有  name 
    表单提交上去的是  value值
3:提交方式:method:   get   post
    a:get方式提交:地址栏 url提交 ?提交   安全性:不安全  大小限制:几十K  缓存:有
    b:?数据:ie=utf-8&f=8&rsv_bp=0
    c:大小:参数非常大
    414 Request-URI Too Large
    作用于:分享   收藏
4:post: 安全性:相对安全  大小:1G左右   post:没有缓存
    缓存:对于同一个URL地址,浏览器只请求一次。
    post 问题:1)从后台取数据   2)会刷新页面

(三)Asynchronous Javascript And XML

        Asynchronous:异步     XML:    数据格式
            1:AJAX: 阿贾克斯
               无刷新(异步) 取数据 (可以顺带着提交一些数据)
            引入  ajax.js
            用法: ajax(URL,function(){},function(){});
            URL:   请求的地址
              http://www.weibo.com?我想要热门话题
            1:function(){}表示请求成功之后的回调函数
            2:function(){}  --可以不写,表示请求失败时的回调函数
            注意:
               1)返回值,都是字符串
               2)缓存
                  用url缓存
                     https://www.baidu.com?wd=123
                     https://www.baidu.com
                  解决:在URL身上加一个随机数作参数,导致每次请求  URL,都是不一样的
                  t = Math.random();
                  随机因子
               3)编码:你自己的文件 和 请求的文件   编码不一致导致
                  解决: 保持一致
               4)不关心后缀
                  习惯: .json   .data  .zns
(小例子)
    数组随机排序:
          dataList.sort(function(){
             return 0.5 - Math.random();
          });

(四)自己写Ajax:工作流程、原理,分几步,和现实世界一个例子

        1)Ajax:
              1)要有一个 Ajax 对象
              2)建立连接
              3)打开连接,请求数据
              4)接收
        2)oAjax.open('GET',url,true);
             参数:1-方式   GET  POST
                   2-请求地址   ULR
                   3-是否异步   true
               oAjax.readyState == 4  --  当前这次ajax请求的一个通信状态
                  0 - 对象建立,打开连接
                  1 - 数据发送成功
                  2 - 原始数据接收成功
                  3 - 数据解析、处理
                  4 - 完成
           oAjax.status
              http  状态码
              200  OK
              302 Move temporarily   重定向
              403 Forbidden
              404 Not Found
              414 Request-URI Too Large
              500 Internal Server Error   服务器错
上一篇 下一篇

猜你喜欢

热点阅读