Ajax讲解

  Apache  服务器

  Mysql  数据库

  window+R  打开终端的快捷键

  window+R==>cmd==>ipconfig  电脑上所有的网络信息

  以太网,IP下,互联网下的IP地址

  phpstudy  有一个www的文件,意为根目录,index.html 要放他的下面

  改完终端的东西,要点击重启;

  动态页面:跟后台发生数据交互的页面

  前后台数据交互依赖的一项技术叫Ajax

  js的异步操作有:

    1.定时器

    2.事件  

    3.回调函数

    4.Ajax

  Ajax的优点:可以局部更新网页内容;

  2.Ajax的本质就是:XMLHttpRequest 对象;

    案例:

      var ajax=new XMLHttpRequest()

      console.log(ajax)

      从控制台中我们要学习三个属性和三个方法

      三个属性:

        readystate:状态的属性: 请求的5个阶段:0,1,2,3,4    只有最后一个阶段是成功的状态:前面的出错,都是前端的语法出错

        responseText:返回的文件内容

        status:状态码:200:成功了  404:表示文件没找到  5xx:代表服务器的问题  3xx:代表禁用的意思

      从__proto__中学习三个方法

        open()  向后台发送请求

        send()  发送

        onreadystatechange()  服务器响应

  Ajax=异步javascript和xml

  xml是一种数据存储格式    (不过由于为严格模式,对开发不友好,已被抛弃了)(必须是双标签)

  json  是一种数据存储格式:(简单,易操作,是当前最流行的)

  Ajax的工作原理:

  

  Ajax的使用方法:

  第一步: 创建XMLHttpRequest 对象:

  var xmlhttp=new XMLHttpRequest();

  第二步:给后台发送请求:

  xmlhttp.open(参数一,参数二,参数三)    参数一:请求的方式:get/post  参数二:后台的地址(类似于url)  参数三:同步/异步(true代表异步:false代表同步);

  第三步:发送:

  xmlhttp.send()  

  第四步:服务器响应:

  xmlhttp.onreadystatechange=function(){

    if(xmlhttp.readystate==4){

      if(xmlhttp.status==200){

        两个添加判断为:请求成功后,后台向客户端传入数据的阶段;

        将其封装成函数,用于数据处理

        fn(xmlhttp.responseText)

      }

    }

  }

  function fn(data){

    var arr=JSON.parse(data)        //JSON格式,后台传入的数据都是字符串  JSON字符串转换为JSON的格式用parse的方法;

    document.getElementById("div").innerHTML=arr[0].name;    在指定的元素下面插入从后台返回的数据

  }

  这就是Ajax的原理

原文地址:https://www.cnblogs.com/shangjun6/p/10484504.html