AJAX用法

Posted 2021-04-15 自学web网页前端

              

    

请求发送到服务器，使用 XMLHttpRequest 对象的 open() 和 send() 方法：

post与get的区别

1.使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来,Post放在Request body中。

2.使用Get请求发送数据量小,Post请求发送数据量大。

3.get请求需注意缓存问题,post请求不需担心这个问题。

 用get方式可传送简单数据，但大小一般限制在1KB下，数据追加到url中发送（http的header传送），也就是说，浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的资源路径后面。另外最重要的一点是，它会被客户端的浏览器缓存起来，那么，别人就可以从浏览器的历史记录中，读取到此客户的数据，比如帐号和密码等。因此，在某些情况下，get方法会带来严重的安全性问题

获得来自服务器的响应，使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

onreadystatechange 事件

/*所以xml.readyState == 4
  && xml.status == 200*/ 

xml.onreadystatechange = function () 
{
    var Div=document.getElementById("Div")
/*所以xml.readyState == 4 && xml.status == 200*/ 
    if (xml.readyState == 4 && xml.status == 200) {
  /*4.接收数据*/
      Div.innerhtml = xml.responseText;
    }
}