Ajax的基本介绍

Ajax:

Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
Ajax的工作原理:
浏览器创建XMLHttpRequest对象 ,然后发送HttpRequest请求-------->服务器处理HttpRequest,创建响应并将数据返回浏览器------->浏览器使用js处理返回的数据并更新页面。
Ajax具体使用方法:

xmlhttp=new XMLHttpRequest();  //创建对象
xmlhttp.open("GET","ajax_info.txt",true);//发送请求,参数:请求方式  、  地址 、  异步同步模式
xmlhttp.send();//请求发送到服务器

请求方式 get 与 post的区别:
1、与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
2、然而,在以下情况中,请使用 POST 请求:
3、无法使用缓存文件(更新服务器上的文件或数据库)
4、向服务器发送大量数据(POST 没有数据量限制)
5、发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠

onreadystatechange 事件:
当请求被发送到服务器时,我们需要执行一些基于响应的任务:
每当 readyState 改变时,就会触发 onreadystatechange 事件,readyState 属性存有 XMLHttpRequest 的状态信息,下面是 XMLHttpRequest 对象的三个重要的属性:

  • onreadystatechange:存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
  • readyState:存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。0: 请求未初始化、1: 服务器连接已建立、2: 请求已接收、3: 请求处理中、4: 请求已完成,且响应已就绪
  • status:200: “OK” 、404: 未找到页面
xmlhttp.onreadystatechange=function()
{
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值