Ajax GET请求

原创 2017年01月03日 11:57:52

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);
其中?后面是添加的数据,&分割不同的数据变量。

版权声明:本文为博主原创文章,未经博主允许不得转载。

Ajax的小封装 get,post请求

  • 2013年06月05日 16:24
  • 824B
  • 下载

SpringMVC Controller接收前台ajax的GET或POST请求返回各种参数

这几天写新项目遇到这个问题,看这位博主总结得不错,懒得写了,直接转!原文:http://blog.csdn.net/yixiaoping/article/details/45281721原文有些小错误...

Ajax请求GET/POST方法的封装

Ajax请求GET方法的封装,网易微专业上的一道GET方法封装练习题,下面是我的设计实现。 方法:get(url, options, callback) 参数 url {St...

Extjs6 设置Store、Ajax、form的请求方式(GET、POST)

Ajax请求和Form的submit方法设置请求方式和原来一样,使用method : 'POST'设置 // 表单提交 winForm.getForm().submit({ waitTit...

Ajax请求GET/POST方法的封装

html lang="en"> head>     meta charset="UTF-8">     title>GET请求封装title> head> body> script type="tex...

Ajax请求中get与post的区别

一、 Get方式: .txt:静态文件                                      .php:动态文件     var Btn=document.getElemen...

AJAX中get和post请求详解

一、get()和post()基本区别 1.get 是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,...

ajax发送get、post请求

ajax可以发送post或者get请求,并且keyi

ajax get和post请求

var XMLHttpReq; //创建XMLHttpRequest对象 function createXMLHttpRequest() { if(window.XMLH...
  • zztp01
  • zztp01
  • 2011年10月24日 09:05
  • 987

转载:Ajax中get与post请求详解

学习ajax技术的时候,很多同学对于ajax中get与post请求总是疑问不解,为了给学员解决疑问,现将授课中对get与post的请求的总结发表于学生大本营中,希望能给你带来帮助.  一、get()和...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax GET请求
举报原因:
原因补充:

(最多只允许输入30个字)