创建ajax-优快云博客

本文链接：https://blog.youkuaiyun.com/c587846464/article/details/130470132

Ajax允许在无需刷新整个页面的情况下与服务器交换数据并更新内容，提高应用性能和用户体验。GET和POST是Ajax的两种请求方式，GET是可缓存的，数据在URL中可见，而POST不被缓存，数据安全性更高。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ajax的优点

●不需要重新加载整个页面的情况下，可以与服务器交换数据并更新部分网络内容；传统的网页（不使用AJAX）如果需要更新内容，必须重新加载整个页面。

●ajax可使因特网应用程序更小，更快，更友好。

●可以提高系统性能，优化用户界面

ajax的创建过程

1.获取ajax对象

2.打开一个请求 open(请求方式,请求网址,同步/异步) 默认异步

请求方式 get post
请求网址向哪个服务器发送请求

3.发送请求 send()

get和post的区别：

	GET	POST
缓存	能被缓存	不能缓存
历史	参数保留在浏览器历史中	参数不会保存在浏览器历史中
对数据长度的限制	当发送数据时，GET 方法向 URL添加数据:URL的长度是受限制的(URL的最大长度IE是2048 个字符，chrome最大长度8182个字符)	无限制
对数据类型的限制	只允许ASCII 字符	没有限制，也允许二进制数据
安全性	与 POST 相比，GET 的安全性较差，因为所发送的数据是URL 的一部分	POST比GET 更安全，因为台数不会被保存览器历史或web 服务器日志中
可见性	数据在URL 中对所有人都是可见的	数据不会显示在URL中

代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <input type="button" value="发送" onclick="fn()">
  <script>
    function fn() {

      // 获取ajax对象
      let xhr = new XMLHttpRequest();

      //  打开一个请求  open(请求方式,请求网址,同步/异步)  默认异步
      // 请求方式 get  post
      // 请求网址 向那个服务器发送请求
      xhr.open('get', 'http://localhost:8888/test/first')

      // 发送请求 send()
      xhr.send();
    }
  </script>
</body>

</html>