ajax的运用

交互

form 提交：

1、action：   提交的地址
2、name-value 对的形式
    网址：https://www.baidu.com/?uname=qqqqqq&upass=wwww
        https://    协议
        www.baidu.com   域名
        ？  后面就是数据，或者叫参数
        uname=qqqqqq    一条数据，符合name-value对的形式
        &   多个参数间的分隔
3、method：  get    post
    post:  其它网站不允许随便通过post来提交数据
        容量：非常大(2G)
        安全：相对安全
        post缺点：
            1）刷新页面
            2）不能从服务器获取数据
    get: url提交 或 问号提交，容量比较小，通常是几十k左右，不安全（把数据都暴露到地址栏）
         get优点，应用场景 ：
            分享，收藏
缓存:cache
针对同一个地址(URL),浏览器只读取一次。
    对用户来说——好
    对程序员来说——基本上就是灾难
如果想不用缓存:就把URL地址变成不一样的就行了（在url上加一些没有用的参数）
    ***Math.random()

ajax:

Asynchronous    Javascript  And  XML
   异步的javascript 和 xml
       就是异步的获取数据或者提交数据。
同步，在程序中，一件事情做完再做下一件
异步，在程序中，做一件事情的同时做另外的事情

jquery的ajax:

1、请求一个简单的文件
    $.ajax('1.txt');
2、读取/利用 返回的内容
    $.ajax({
        url:'ajaxFile/1.txt',
        success:function(result){  //请求成功之后的回调函数
            //result ——  就是本次请求返回的结果
        }
    });
3、失败的回调
$.ajax({
    url:
    success:function(){},
    error:function(){
        alert('出错了');
    }
});
4、看的并不是文件的扩展名，而是和文件的内容有关（碰到一个特殊：.js文件）
     通常情况下，约定，数据文件的扩展名： 使用  .json   .data
5、不管看到的结果是什么，都是字符串类型
    序列化：
        把对象变成字符串，ES5提供的方法： JSON.stringify(字符串);
            JSON.stringify('{"a":1,"b":2}');
    反序列化：
        把字符串变成对象
            JSON.parse({"a":1,"b":2});
6、数据类型
    $.ajax({
        dataType:
    });
7、
    dataType:'json',
    ——并不是咱们传统意义上理解的纯JSON格式，可以兼容JSON+数组的写法
8、缓存
   解决办法： 
   1）
     在URL地址上加一个随机数
        url + 'r='+Math.random();
     随机数： 随机因子
   2）利用jquery的一个选项参数
        cache:false 
     $.ajax({
          url:  //请求的地址
          dataType:'json' // 默认 字符串
          cache: false //默认true
          success:function(){}  //成功后的回调函数
          error:function(){}  //失败后的回调函数
      });

总结：
1）服务器环境
2）对于请求的结果，默认情况下不管看到的是什么，其实都是字符串
    如果指定了dataType，指定的是什么就是什么
3）缓存
    缓存：对于一个相同的url，浏览器只读一次
    解决：
        a)在请求的url上，加一个随机因子，使得所有的url都不相同了
        b)$.ajax  的选项：  cache:false —— 不允许缓存
4）编码
    统一编码，一般UTF-8
5）请求的文件名，和扩展名没有关系，主要看文件内容
    数据文件的扩展名：  json  和  data
    
数组随机排序：
    arr.sort(function(){
        return 0.5 - Math.random();
    });

ajax做交互

接口：
   前台和后台做交互时使用的一个地址。
   现在：  取数据——  badu.data    a.txt
   实际：  取数据——  http://localhost/1.php?a=1

接口文档：描述接口信息的一个文档。
   至少应该包含 ：  
       1）接口说明 （接口的功能）
       2）接口地址
       3）接口中的参数 
       4）返回值
user.php?act=xxx&user=用户名&pass=密码
模拟：  
    用户注册：   用户名：amdin   密码：1234
    $.ajax({
       url:'user.php?act=add&user=admin&pass=1234'
    });

接口文档 ——  >   接口协议
   “用户注册协议1.2.docx”

用户的注册、登录：
   * 做交互时，请求的路径中不允许有中文

在做交互时，如果涉及到中文数据，那么一定要进行编码：
    编码：  encodeURIComponent(要编码的字符串);
    解码：  decodeURIComponent(要解码的字符串);