Ajax GET请求

最新推荐文章于 2022-10-13 00:59:04 发布

宇臾

最新推荐文章于 2022-10-13 00:59:04 发布

阅读量1.1k

点赞数

分类专栏： Ajax 文章标签： ajax

本文链接：https://blog.csdn.net/sinat_34349564/article/details/53993169

版权

Ajax 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

GET请求主要用于获取服务器端的数据，请求的数据会附加在URL之后，以?分割URL和传输数据，多个参数用&连接。URL的编码格式采用的是ASCII编码，而不是uniclde，即是说所有的非ASCII字符都要编码之后再传输。因为GET请求只是获取服务器端的数据，不会对服务器的数据做更改，所以被认为是安全的请求方式，但是涉及到用户登录这一类包含用户私密信息的却不适合用GET请求，因为请求数据附加在URL之后，很容易被人截获，从而破解用户信息。下面就写个简单的GET请求的代码案例：

<html>
<head>
<script type="text/javascript">
function load()
{
var xmlhttp;
if (window.XMLHttpRequest)   //判断浏览器是否支持XMLHttpRquest
  {
  xmlhttp=new XMLHttpRequest();
  }
else
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)  //请求成功
    {
    document.getElementById("request_txt").innerHTML=xmlhttp.responseText;
    }
   else{   
     document.getElementById("request_txt").innerHTML="请求错误";
    } 
  }
xmlhttp.open("GET","test.txt",true);   //要获取的数据信息
xmlhttp.send();      //发送请求
}
</script>
</head>
<body>

<h2>AJAX GET请求</h2>
<button type="button" onclick="load()">请求数据</button>
<div id="request_txt"></div>

</body>
</html>

当请求被发送到服务器时，我们需要执行一些基于响应的任务。
每当 readyState 改变时，就会触发 onreadystatechange 事件。
其中readyState有五个阶段：
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪

status常见的状态码以及含义如下：
200： OK 服务器成功处理请求
301/302： Moved Permanently（重定向）请求的URL已移走。响应报文中应该包含一个Location URL，说明资源现在所处的位置
304： Not Modified（未修改）客户的缓存资源是最新的，要客户端使用缓存内容
404： Not Found 未找到资源
501： Internal Server Error 服务器遇到错误，使其无法对请求提供服务

其中的open方法说明如下：
open(method,url,async)
method：请求的类型；GET 或 POST
url：文件在服务器上的位置
async：true（异步）或 false（同步）
如果想在GET请求中加入信息，可以在url这个参数后面加上?username=simple&sex=men
也就是xmlhttp.open("GET","test.txt?username=simple&sex=men",true);
其中?后面是添加的数据，&分割不同的数据变量。

宇臾

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax GET请求

GET请求主要用于获取服务器端的数据，请求的数据会附加在URL之后，以?分割URL和传输数据，多个参数用&连接。URL的编码格式采用的是ASCII编码，而不是uniclde，即是说所有的非ASCII字符都要编码之后再传输。因为GET请求只是获取服务器端的数据，不会对服务器的数据做更改，所以被认为是安全的请求方式，但是涉及到用户登录这一类包含用户私密信息的却不适合用GET请求，因为请求数据附加在URL
复制链接

扫一扫

专栏目录