Ajax入门

本文介绍了Ajax的基础知识,包括什么是Ajax、Ajax包含的技术、HTTP协议的请求方法、XMLHttpRequest的使用、Ajax优缺点,以及如何封装Ajax方法。通过异步请求,Ajax实现了页面无刷新更新数据,提升了用户体验,但也存在对Back和History功能的影响、安全性问题以及对搜索引擎支持较弱等缺点。
摘要由CSDN通过智能技术生成

一.什么是ajax

Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。

Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集)。

什么是异步操作呢,就是在同一网页里进行部分的操作,不需要刷新整个网页,就能刷新局部的数据。

同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。  
异步是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式

异步请求 :基于ajax发送的请求都属于异步请求,特点:请求之后,页面不动 响应回来刷新页面局部

二.Ajax包含技术

1. 使用CSS和XHTML来表示。
2. 使用DOM模型来交互和动态显示。
3. 使用XMLHttpRequest来和服务器进行异步通信。
4. 使用javascript来绑定和调用。

一、http协议概述

http协议全称超文本传输协议,服务器与客户端通信的协议。

在http协议的约定下,客户端可以向服务器发送请求,服务器在接收到请求之后,给予客户端响应。

二、http协议请求的常用方法

本节我们讲解http协议常用的四种方法,用来完成数据的增、删、改、查操作。

  • get方法:获取数据

  • post方法:提交数据

  • put方法:修改数据

  • delete方法:删除数据

注意的是,http请求本身并不会完成增删改查的基本操作,真正的操作仍然是由服务器完成。

这些操作仅仅是一种约定,例如:我们用get请求配合服务器程序,可以获取数据,同样也可以添加、删除、修改数据,但是为了规范我们的程序,通常只用get方法来查询数据。

三.XML Http Requset

来讲个故事

xmlhttprequest理解成是一个信使,浏览器在做蛋炒饭,给了一封信给信使,让他发给服务器,问服务器炒饭加蛋吗?

浏览器继续炒饭

随后服务器借助信使告诉浏览器,我不要吃炒饭了,我吃大盘鸡,

于是乎浏览器收到信后就说好嘞,那我去做大盘鸡。

xmlhttprequest就是一个中间人的角色,让浏览器在忙的时候,可以和服务器交互,从而不打断浏览器现在的状态。

当我们使用AJAX之后,浏览器是先把请求发送到XMLHttpRequest异步对象之中,异步对象对请求进行封装,然后再与发送给服务器。服务器并不是以转发的方式响应,而是以流的方式把数据返回给浏览器。

四.创建一个XMLHttpRequest

要创建XMLHttpRequest对象是要分两种情况考虑:1.在IE6以下的版本、2.在IE6以上的版本以及其他

<script>
var xmlhttp;
if (window.XMLHttpRequest)
{
    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
}
else
{
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
</script>

这个ifelse是为了照顾ie这个孤儿。我们获得了xmlhttprequest之后可以干嘛呢?

五.使用XMLHttpRequest

xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
//最常用的就是这两个方法

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值