Ajax的用法示例

12 篇文章 0 订阅
1 篇文章 0 订阅

Ajax的作用是实现页面与后台服务器之间的异步传输,下卖弄我们就来看一下具体怎么实现的。

第一步 创建一个xhl的实例对象

var httpRequest = new XMLHttpReuest();

第二步 打开一个http连接

httpRequest,open('get','http://203.195.240.58:8888/index/category/findAll');

注意:如果有需要则设置参数

var obj = {
	page:1,
	pageSize:10,
}
//将js字符串转换为查询
var qs = Qs;
qs.stringify(obj);

第三步 发起请求

httpRequest.send();

第四步 处理响应

httpRequest,onreadystatechange = function (){
	if(httpRequest.readyState === 4 && httpRequest.status === 200){
		// 获取响应里的数据
	console.log(httpRequest,responseText);
		}
		//返回错误信息
	if(httpRequest.readyState === 4 && httpRequest.status === 500){
		console.log("错误"+httpRequest.responseText);
		}
}

Ajax的基本步骤就是这样,但是根据不同的需求肯定有不同的地方,大同小异可以加减步骤。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值