100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > js书写原生ajax JS 原生ajax写法

js书写原生ajax JS 原生ajax写法

时间:2023-08-27 02:08:02

相关推荐

js书写原生ajax JS 原生ajax写法

//step1.创建XMLHTTPRequest对象,对于低版本的IE,需要换一个ActiveXObject对象

var xhr;

if (window.XMLHttpRequest) {

xhr = new XMLHttpRequest();

} else {

xhr = new ActiveXObject('Microsoft.XMLHTTP');

}

//>>step2.使用open方法设置和服务器的交互信息:

//设置请求的url参数,参数一是请求的类型,参数二是请求的url,参数三指定是否使用异步,默认是true

xhr.open("post", "", true);

//post请求一定要添加请求头才行不然会报错

xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

//>>step3.发送请求 GET请求不需要参数,POST请求需要把body部分以字符串或者FormData对象传进去。

xhr.send();

//>>step4.注册事件 onreadystatechange 状态改变就会调用

xhr.onreadystatechange = function () {

if (xhr.readyState === 4) { // 成功完成

// 判断响应结果:

if (xhr.status === 200) {

// 成功,通过responseText拿到响应的文本:

console.log(xhr.responseText);

} else {

// 失败,根据响应码判断失败原因:

console.log(xhr.status);

}

} else {

// HTTP请求还在继续...

}

}

JS原生ajax

原文链接:/ajax-jsonp.html 一.JS原生ajax ajax:一种请求数据的方式,不需要刷新整个页面: ajax的技术核心是 XMLHttpRe ...

JS原生ajax与Jquery插件ajax深入学习

序言: 近来随着项目的上线实施,稍微有点空闲,闲暇之时偶然发现之前写的关于javascript原生xmlHttpRequest ajax方法以及后来jquery插件ajax方法,于是就行了一些总结,因 ...

js原生Ajax的封装与使用

一.原生Ajax代码的封装如下: (function() { var XHR = { createStandardXHR: function() { return new XMLHttpRequest ...

js原生Ajax 的封装和原理

原理及概念 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是一种用于创建快速动态网页的技术. 动态网页:是指可以通过服务器语言结合数 ...

JS原生Ajax&Jquery的Ajax技术&Json

1.介绍Ajax Ajax = 异步 JavaScript 和 XML Ajax是一种创建快速动态网页的技术 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新.这意味着可以不用整个 ...

js原生Ajax(十四)

一.XMLHttpRequest [使用XMLHttpRequest时,必须将html部署到web服务器中]1) 指定请求1.实例化eg: var http = new XMLHttpReque ...

Jquery学习笔记 --ajax删除用户,使用了js原生ajax

主要复习了php的pdo数据库操作,和js的ajax,真麻烦,希望jquery的ajax简单点. index.php: 1 2

[代码]JS原生Ajax,GET和POST

javascript/js的ajax的GET请求:

Jquery学习笔记(10)--ajax删除用户,使用了js原生ajax

主要复习了php的pdo数据库操作,和js的ajax,真麻烦,希望jquery的ajax简单点. index.php:

随机推荐

css3 圆角

-moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ bo ...

Android 禁用以及捕捉home键

最近要做个小项目,其中有需要禁止home键的需求,一开始以为不可以,感觉得root一下才行,后来查了一下,发现还是不少朋友都实现了这个功能,现在也引用一下,供大家参考一下: 1. 在activity中 ...

poj 1390 动态规划

思路: 黑书的例题 #include #include #include #include

MySQL 管理

MySQL管理 启动及关闭 MySQL 服务器 首先,我们需要通过以下命令来检查MySQL服务器是否启动: ps -ef | grep mysqld 如果MySql已经启动,以上命令将输出mysql ...

Qt 'void QWidget::show()' is inaccessible

今天在编写Qt窗体头文件时,尽然碰到了这样的报错,'void QWidget::show()' is inaccessible,'QWidget' is not an accessible base ...

Openjudge-NOI题库-出书最多

描述 假定图书馆新进了m(10 ≤ m ≤ 999)本图书,它们都是由n(2 ≤ n ≤ 26)个作者独立或相互合作编著的.假设m本图书编号为整数(1到999),作者的姓名为字母('A'到'Z'),请 ...

h5audio标签

因为音频格式有版权,各浏览器使用不同的音频格式. 音频格式兼容性 音频格式 Chrome Firefox IE9 Opera Safari MP3 支持 不支持 支持 不支持 支持 OGG 支持 支持 ...

struts2线程安全

struts2线程安全-02-16 21:07:58 分类:系统运维 问题:Struts 2 Action对象为每一个请求产生一个实例,因此没有线程安全问题.Spring的Ioc容器管理 ...

python学习第37天

MySQL数据库 数据库的优势 什么是数据(Data) 什么是数据库(DataBase,简称DB) 什么是数据库管理系统(DataBase Managerment System 简称DBMS) 数据库 ...

Linux网络编程学习(十) ----- Socket(第六章)

前言:由于第五章主要介绍了TCP和UDP协议以及两者的包头的字段以及相应的功能,这里就不介绍了,对着字段看功能就好了,后续开始学习第六章 1.Socket Socket实质上就是提供了通信的端点,每个 ...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。