我是靠谱客的博主 细腻小笼包,最近开发中收集的这篇文章主要介绍原生ajax使用,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

ajax是异步的JavaScript和XML。用来进行异步请求。浏览器可以用来向服务器发送一个ajax请求,进行页面的局部刷新。

1、get请求 头部不设置,参数转为查询字符串拼接到url上
2、post请求
参数在send()里
发表单格式,设置头部为表单格式,数据也要是表单格式数据
发json格式,设置头部为json格式,数据也要是json格式数据

get方式请求

//创建对象
var httpRequest = new XMLHttpRequest();
//建立连接
httpRequest.open('get', URL+'?' + qs.stringify(params));
//认证
//httpRequest.setRequestHeader("Authorization",sessionStorage.getItem('token'));
//发送请求
httpRequest.send();
//接收请求
httpRequest.onreadystatechange = function () {
    if (httpRequest.readyState === 4 && httpRequest.status === 200) {
        success(JSON.parse(httpRequest.responseText));
    }
    if (httpRequest.readyState === 4 && httpRequest.status === 500) {
        error(JSON.parse(httpRequest.responseText));
    }
}

post方式请求

//创建对象
var httpRequest = new XMLHttpRequest();
//建立连接
httpRequest.open('post', 'http://120.26.176.26:7788/user/login');
//在请求头部设置数据格式
httpRequest.setRequestHeader("Content-Type", "application/json");
// httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
//认证
// httpRequest.setRequestHeader('Authorization', 'XXXXX')
//post参数在send()里
//发送请求
httpRequest.send(JSON.stringify(obj));
// httpRequest.send(qs.stringify(obj));
//接收响应
httpRequest.onreadystatechange = function () {
    if (httpRequest.readyState === 4 && httpRequest.status === 200) {
        success(JSON.parse(httpRequest.responseText));
    }
    if (httpRequest.readyState === 4 && httpRequest.status === 500) {
        error(JSON.parse(httpRequest.responseText));
    }
}

最后

以上就是细腻小笼包为你收集整理的原生ajax使用的全部内容,希望文章能够帮你解决原生ajax使用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(50)

评论列表共有 0 条评论

立即
投稿
返回
顶部