一些简单的ajax的特点,方法、属性。以及ajax的创建 请求

时间:2021-06-22 14:25:13

1、ajax的特点,基本原理,属性。

ajax:页面的局部刷新

Asynchronous JavaScript And Xml

JavaScript:更新局部的页面

XML:一般用于请求数据和响应数据的封装

XMLHttpRequest对象:发送请求到服务器并获得返回结果

CSS:美化页面样式

异步:发送请求后不等返回结果,由回调函数处理结果

XMLHttpRequest:整个ajax技术的核心,提供了异步发送请求的能力

常用的方法:
open(method:(方法get,post),URL(:服务器的地址),async:(是否使用异步请求(true

or false 默认为true)))

send(content) 发送请求 content参数指定请求的参数

setRequestHeader(header,value)设置请求的头信息 post提交调用!

常用属性
onreadystatechange:指定回调函数

readyState:XMLHttpRequest的状态信息( 0 没完成初始化, 1 开始发送请求, 2 发送请求完成  3,开始读取响应,还没结束 4,读取响应结束)

status:HTTP的状态码
200 服务器响应正常 400 无法找到请求的资源 403 没有访问权限 404 访问资源不存在 500 服务器内部错误

responseText:获得响应的文本内容 responseXML:获得响应的XML文档对象

2、 创建XMLHttpRequest对象

 <%@ page language="java" contentType="text/html; charset=UTF-8"
     pageEncoding="UTF-8"%>
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>Insert title here</title>
 <script type="text/javascript">
     function getXMLHttpRequest(){
         if(window.XMLHttpRequest){
             return new XMLHttpRequest();
         }else{
             var names = ["msxml","msxml1","msxml2","msxml3","Microsoft"];
             for(var i=0;i<names.length;i++){
                 try {
                     var name = names[i]+".XMLHTTP";
                     return new ActiveXObject(name);
                 } catch (e) {
                     // TODO: handle exception
                 }

             }
         }
         return null;
     }

     function checkname(){
      var xmlrequest = getXMLHttpRequest();
      alert(xmlrequest+"创建成功");
     }
 </script>
 </head>
 <body>
   请输入:<input type="text" name="textname" id="textname" onblur="checkname()"/><br>
   当鼠标失去焦点的时候调用checkname方法  测试下是否创建成功
 </body>
 </html>

运行结果,可以看出来XMLHttpRequest对象创建成功!

一些简单的ajax的特点,方法、属性。以及ajax的创建 请求