web学习12-ajax


1、AJAX简介

Ajax即Asynchronous Javascript And XML(异步JavaScript和XML)在 2005年被Jesse James Garrett提出的新术语,用来描述一种使用现有技术集合的新方法,包括: HTML 或 XHTML, CSS, JavaScript,DOM, XML,以及最重要的XMLHttpRequest。 使用Ajax技术网页应用能够快速地将增量更新呈现在用
户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作。
Ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。使用JavaScript 向服务器提出请求并处理响应而不阻塞用户核心对象XMLHttpRequest。通过这个对象,您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据,即在不需要刷新页面的情况下,就可以产生局部刷新的效果。
在这里插入图片描述

2、如何玩?

1、创建ajax核心对象
在这里插入图片描述
2、open(”get|post“,”url“)
在这里插入图片描述
3、设置回调函数
在这里插入图片描述
4、send发送
发送请求到http服务器并接收回应
注意:后端这里不需要跳转了,直接通过流的方式向前端刷数据即可

3、AJAX核心对象属性的说明

1、readystate
在这里插入图片描述2、status
返回当前请求的http状态码
在这里插入图片描述

在这里插入图片描述
3、responseText
将响应信息作为字符串返回

4、setRequestHeader
在这里插入图片描述
4、案例-登录的提示验证
在这里插入图片描述
5、当提交方式为post的时候,那么ajax的核心对象设置请求头的内容。

`//一旦使用post方式提交,就必须使用setRequestHeader设置请求头的内容
this.xmlhttp.setRequestHeader("Content-Type","application/x-www-formurlencoded");

数据发送通过send方法传递。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值