07-Ajax

PHP基础

• PHP基础语法大部分和JS差不多
• 如何运行编写好的PHP文件
  • 因为PHP是服务端编程语言,所以要在服务端运行
  • php文件名不能有中文
  • php文件必须放到服务器文件夹下
  • 通过ip找到服务器文件夹,选中php文件访问
• 服务端返回浏览器的是什么
  • php程序的执行结果
  • 注意:执行结果中有中文,必须在php文件顶部设置header("content-type:text/html; charset=utf-8")

GET与POST

• 可以通过form标签的method属性指定发送请求的类型
• 如果是get请求会将提交的数据拼接到URL后面
• 如果是post请求会将提交的数据放到请求头中
• GET请求和POST请求的异同
  • 都是将数据提交到远程服务器
  • 提交数据储存的位置不同
    • get请求会将数据放到URL后面
    • post请求会将数据放到请求头中
  • 提交数据大小限制不同
    • get请求对数据有大小限制
    • post请求对数据没有大小限制
  • get/post请求应用场景
    • get请求用于提交非敏感数据和小数据
    • post请求用于提交敏感数据和大数据

Ajax

• ajax是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下

• 使用ajax步骤

  • 创建一个异步对象
  • 设置请求方式和请求地址
    • method: 请求的类型:GET 或 POST
    • url: 文件在服务器上的位置
    • async: true(异步) 或 false(同步)
  • 发送请求
  • 监听状态的变化
  • 处理返回的结果

• IE兼容问题

  • 创建XMLHttpRequest

    var xmlhttp;
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    

  • 在IE浏览器中,如果通过Ajax发送GET请求,那么IE浏览器认为同一个URL只有一个结果

  • 可以在地址后面添加new Date().getTime()或者Math.random()

cookie

• cookie:会话跟踪技术,客户端
• session:会话跟踪技术,服务端
• cookie作用:将网页中的数据保存到浏览器中
• cookie生命周期
  • 默认情况下生命周期是一次会话(浏览器关闭)
  • 如果通过expires=设置了过期时间,并且过期时间还没有过期,那么下次打开浏览器还是存在
  • 如果通过expires=设置了过期时间,并且已经过期了,那么会立即删除保存的数据
• cookie注意点
  • cookie默认不会保存任何的数据
  • cookie不能一次性设置多条数据,要想保存多条数据,只能一条一条的设置
  • cookie有大小和个数限制
    • 个数限制:20~50
    • 大小限制:4KB左右
• cookie作用范围
  • 同一个浏览器的同一个路径下访问
  • 如果在同一个浏览器中,默认情况下下一级路径可以访问
  • 如果在同一个浏览器中,想让上一级目录也能访问保存的cookie,那么需要添加path属性
  • 如果通过domain指定了根域名,那么二级域名不同也可以访问