ajax、php、本地存储小结

ajax

• ajax 全名 async javascript and XML
• 默认异步 执行机制
• 数据不在页面上，不方便搜索引擎抓取
• AJAX不能跨域跨域使用jsonp

1.创建AJAX

• 高版本浏览器(IE9及以上)

xhr = new XMLHttpRequest()

• 低版本浏览器(IE9以下)

xhr = new ActiveXObject('Mricosoft.XMLHTTP')

2.配置链接信息

xhr.open('请求方式','请求地址','是否异步') // true 为异步 false 为同步 注：js中同步异步概念是相反的

3.发送请求

• get请求参数直接加在请求地址上

xhr.send()

• post请求参数，先设置数据格式
• 参数采用'key=value&key=value' 的形式

xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded')
xhr.send('a=100&b=200')

jsonp跨域

script 标签的本质

• 浏览器给我们提供了一个 script 标签
• 它的本质就是请求一个外部资源，是不受到同源策略的影响的
• 同时 script 标签的 src 属性，也是一种请求，也能被服务器接收到
• 并且：
  • script标签的src属性请求回来的东西是一个字符串，浏览器会把这个字符串当作 js 代码来执行
• 所以我们就可以利用这个 script 标签的 src 属性来进行跨域请求了

首先配置代理 (正向/反向)

正向代理

• 有一个客户端需要向一个非同源的服务器B发送请求
• 我们搭建一个和客户端同源的服务器A
• 当客户端发送请求的时候，由服务器A来接受
• 再由服务器A向服务器B发送请求，因为 同源策略是由浏览器给的，服务器之间没有
• 服务器B接受到请求以后，会处理请求，并把响应返回给服务器A
• 再由服务器A把响应给到客户端就可以了
• 我们就可以用这个方式来进行跨域请求了

反向代理

• 反向代理一般是用来做负载均衡的
• 当我请求一个服务器的时候，其实请求的是服务器端设置的代理服务器
• 由代理服务器把若干大量的请求分发给不同的服务器进行处理
• 再由服务器把响应给到代理服务器
• 代理服务器返回给客户端

PHP(世界上最好的语言?!)

php 文法书写

• 所有的 php 代码都要写在一个 php 的范围内
• 要求以 <?php 开头
• 要求以 ?> 结尾

  <?php
    # php 的代码写在这里
  ?>

• 注意php每句话后面必须有' ; '

定义变量

• 在 php 中没有 var 关键字给我们定义变量

• 直接使用 $ 来确定一个变量

  <?php
  
    # 下面就是一个定义了一个变量，并且赋值为 100
    # 变量名就是 $num
    $num = 100;
  
    $boo = true;
  
    # 下面是一个字符串
    $str = "你好 php";
  
  ?>

条件语句

• 在 php 中使用条件语句和 js 基本一致

  <?php
  
  $boo = true;
  
  if ($boo) {
    echo '你好，欢迎观临！';
  } else {
    echo '您还没有登陆';
  }  
  
  ?>

循环语句

• 在 php 中循环语句和 js 基本一致

  <?php
  
  $num = 5;
  
  for ($i = 0; $i < $num; $i++) {
    echo 'hello php';
  }
  
  ?>

字符串拼接

• 在 php 中，字符串拼接不再是使用 + 进行拼接了，而是使用 . 进行拼接

  $str = 'hello ';
  $str2 = 'world';
  $str3 = $str . $str2;
  echo $str3;
  # 得到的就是 hello world

数组

• 在 php 中的数组和 js 中特别不一样

  <?php
  
    # 创建一个数组
    $arr = array(1, 2, 3);
  
    print_r($arr);
    # Array ( [0] => 1 [1] => 2 [2] => 3 )
    # 这个就类似于我们 js 中的数组，按照索引来的
  
    # 创建一个关联数组
    $arr2 = array('name' => 'Jack', 'age' => 18, 'gender' => '男')
    print_r($arr2)
    # Array ( [name] => Jack [age] => 18 [gender] => 男 )
    # 这个就类似于我们 js 中的 对象，键值对的形式
  
  ?>

操作数据库

完整步骤

• 我们完整的写一下操作的步骤

  <?php
    $conn = mysql_connect('localhost', 'root', 'root');
    mysql_select_db('test1913');
    $res = mysql_query('SELECT * FROM `student`');
    $row = mysql_fetch_assoc($res);
    mysql_close($conn);
  
    print_r($row);
  ?>

本地存储

localStorage、sessionStorage、cookie

1. localStorage和sessionStorage都是用来存储客户端临时信息的对象。
2. localStorage和sessionStorage都只能存储字符串类型的对象
3. localStorage生命周期是永久，除非用户手动清除localStorage信息，否则这些信息将永远存在。
4. sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么通过sessionStorage中存储的数据也就被清空了。
5. 不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的localStorage(页面属于相同域名和端口)，但是不同页面或标签页间无法共享sessionStorage的信息。

使用方法

var xxx="xxx";
localStorage.setItem("xxx",xxx);
xxx=localStorage.getItem("xxx");
// localStorage.xxx

var xxx="xxx";
sessionStroage.setItem("xxx",xxx);
xxx=sessionStorage.getItem("xxx");
// sessionStorage.xxx