前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >原生Ajax总结

原生Ajax总结

作者头像
八哥
发布2018-01-18 17:28:13
9460
发布2018-01-18 17:28:13
举报
文章被收录于专栏:快乐八哥快乐八哥

HTTP协议

传统的请求和Ajax请求

Ajax定义

Asynchronous JavaScript and XML. Ajax异步的,JavaScript程序希望与服务器直接通信而不需要重新加载页面。

Ajax基本流程

1.创建请求对象

代码语言:javascript
复制
function requestObject(){
            if(window.XMLHttpRequest){
                return new XMLHttpRequest();
            }else if{
                return new ActiveXObject('Mxsml2.XMLHTTP');
            }else{
                throw new Error("Could not create HTTP request object.");
            }
        }

2.建立请求 var request=requestObject(); request.open("GET","data.txt",true);

3.发送请求

代码语言:javascript
复制
request.send(null);

4.处理请求(XML和JSON两种格式)

代码语言:javascript
复制
request.onreadystatechange=function(){
            if(request.readyState==4){
                console.log(request.status+":"+request.statusText);
            }
        }

jQuery中Ajax模块

参考内容:

图解HTTP

jQuery源码Ajax模块分析

使用jQuery

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-08-05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • HTTP协议
  • Ajax定义
  • Ajax基本流程
  • jQuery中Ajax模块
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档