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学习——jQuery下的post和get请求

“要点” jQuery下的post,get请求 常用的jQuery的AJAX方法
  • x1032019725
  • x1032019725
  • 2016年09月24日 19:05
  • 3200

Ajax发送GET请求

这里用一个实例演示Ajax发送get请求,实例具体要求为一个注册页面,当用户填写完用户名称时,该输入框失去焦点后会通过Ajax向后台发送验证信息,如果用户名不是admin则通过验证,否则不通过验证。 ...
  • u011740475
  • u011740475
  • 2014年12月18日 09:19
  • 922

AJAX发送POST、GET请求

1、发送POST请求注意事项 POST请求必须设置ContentType请求头的值为application/x-www.form-encoded。表单的enctype默认值就是为application...
  • fightfaith
  • fightfaith
  • 2016年01月18日 12:07
  • 1995

ajax发起请求 get/post方式

get和post请求的不同: 1、给服务器传递数据量: get最多2k post原则上没有限制,php.ini对其限制为8m 2、传递数据的形式不一样: get在url地址后以请求字符串的形式传递参数...
  • Francis_c
  • Francis_c
  • 2017年02月09日 11:01
  • 409

完整的AJAX的GET请求--

AJAX测试 //alert(66); function go(){ var xhr; if (window.XMLHttpRequest){ // code for I...
  • gz109
  • gz109
  • 2016年10月04日 08:04
  • 4182

ajax get与post请求

1、使用ajax与服务器通信的的步骤: ①     创建一个XMLHttpRequest对象 ②     创建url,data,通过 xmlHttpRequest.send() ③     服务...
  • u013372487
  • u013372487
  • 2015年11月06日 14:01
  • 1531

ajax get请求获取不到更新的数据

ajax get请求获取不到更新后的数据
  • john1337
  • john1337
  • 2017年08月04日 20:43
  • 386

关于ajax原生的get请求和post请求

//get方式 //1. 实例化一个ajax对象 var xhr= new XMLHttpRequest(); //2. 通过ajax对象打开一个地址         xhr.op...
  • can_Sunshine
  • can_Sunshine
  • 2016年11月06日 13:25
  • 514

js笔记 - ajax中的get和post说明

转自:http://www.cnblogs.com/hateyoucode/archive/2009/12/09/1620050.html 以前没怎么仔细的研究过ajax,只是用到了就直接拿过来用...
  • hdchangchang
  • hdchangchang
  • 2013年09月13日 11:12
  • 4719

关于AJAX/GET请求乱码的问题

ajax的get请求参数中若存在中文等非“ASCII字符”时,服务端在解析请求参数时,如果仅通过request.getParameter(参数key)方法获取参数值,而不进行相关处理,获得值中就会出现...
  • pursuer211
  • pursuer211
  • 2015年01月05日 17:23
  • 968
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax GET请求
举报原因:
原因补充:

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