Ajax学习系列——向服务器发送请求

1、如何发送请求？

如果需要向服务器发送请求，我们使用的是XMLHttpRequest对象中的open()和send()方法。

var xhr = new XMLHttpRequest();//具体创建对象方法可以参考我的上一篇博客。
xhr.open("GET","http://www.baidu.com",true);
xhr.send();

open(method,url,async)函数参数介绍：

method：请求的类型；只可能是GET或POST；
url：服务器地址或请求的文件在服务器的位置；
async：true（异步请求）或false（同步请求）

send(string)函数参数介绍：

string：仅用于POST请求，表示请求携带的数据，必须转换成字符串类型才可以发送请求。

2、使用GET还是POST？

和POST相比，GET更简单而且更快，大部分情况下使用的都是GET请求，默认请求类型也是GET，POST请求适用于以下情况：

无法使用缓存文件（更新服务器上的文件或数据库）
向服务器发送大量数据（数据量大使用POST方便，因为POST没有数据类限制）
发送包含未知字符的用户输入时，POST比GET更稳定也更可靠。

带参数的GET、POST请求实例：

//GET请求
xhr.open("GET","/Login?username=root&password=root",true);
xhr.send();
//POST请求
xhr.open("POST","/Login",true);
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");//向请求添加HTTP头，固定写法。
xhr.send("username=root&password=root");

3、true（异步）还是false（同步）？

下面给大家介绍一个场景，可以更好的理解同步和异步的区别：

一个人在网上购买了一个东西，如果他一直在家等，在这个期间，老板让他去上班不去，一直等到快递到了之后才去干其他的事情，这就是同步；如果他先去上班，等到快递到了再去拿，这就是异步。

同步和异步的区别就是如此：是一直等待一个请求完成才去干别的事情还是在请求未完成时就去干别的事情等待请求完成。

XMLHttpRequest对象如果要用户Ajax的话，必须使用异步请求，即async设置为true

async = true

当使用异步请求时，请规定在相应处于onreadystatechange事件中的就绪状态时执行的函数，实例如下：

xhr.onreadystatechange=function() { if (xhr.readyState==4 && xhr.status==200)  { document.getElementById("myDiv").innerHTML=xhr.responseText; }
}
xhr.open("GET","/GetInfo",true);
xhr.send();

readyState和status

async = false

在发送同步请求时，请不要写onreadystatechange函数，直接把代码放在send方法下面即可

xhr.open("GET","/GetInfo",false);
xhr.send();
document.getElementById("myDiv").innerHTML=xhr.responseText;

转载于:https://www.cnblogs.com/guo-xu/p/10506931.html

Ajax学习系列——向服务器发送请求相关推荐

使用$.ajax向服务器发送请求
使用$.ajax向服务器发送请求 html <!DOCTYPE html> <html> <head> <meta charset="UTF-8&q ...
[转]android之Apache Http——向服务器发送请求的同时发送参数
android之Apache Http--向服务器发送请求的同时发送参数使用Get方法提交: 其他步骤与上一节的操作相符,只是在传送地址的时候发送参数的格式如下: //Sname和Sage是实际的数 ...
使用$.post和$.get向服务器发送请求
使用.post和.post和.post和.get向服务器发送请求 HTML <!DOCTYPE html> <html> <head> <meta chars ...
微信小程序API——向服务器发送请求
在微信小程序中,我们可以通过微信的API与服务器进行数据传递,接下来我会详细介绍一下wx.request的用法. 首先给出前端代码,我们定义一个按钮,绑定点击事件,用于给服务器发送请求.当服务器返回数 ...
我的AJAX 学习系列文章
我最近学习AJAX 的笔记 AJAX 学习笔记[一] 简单的异步通信示例 AJAX 学习笔记[二] 我编写的AJAX 测试代码示例 AJAX 学习笔记[三] get 与post 模式的区别 AJAX ...
Okhttp 向服务器发送请求（请求头，表单，post json数据）...
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/qingfeng812/article/details/52130861 项目地址:https://g ...
html向服务器发送请求有哪些方法,HTTP协议客户端是如何向服务器发送请求
一.HTTP协议解读 HTTP协议:超文本传输协议(HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议. 所有的HTML文件都必须遵守这个标准.设计HTTP最 ...
使用esp8266 wifi芯片和DFRduino开发板（Arduino也可以），向自己的服务器发送请求(尽可能详细的说明)
研究过嵌入式方面的人都应该了解 esp8266 wifi芯片,前段时间接触一个小竞赛,需要一块传输数据给服务器的模块,毫不犹豫选择了esp8266,可能是自己孤陋寡闻吧... 进入正题 1. 开发环 ...
【Python学习】http网站发送请求
方法一:requests 官方文档 https://pypi.org/project/requests/ Requests模块是一个用于网络请求的模块,主要用来模拟浏览器发请求.其实类似的模块有很多, ...

Ajax学习系列——向服务器发送请求

Ajax学习系列——向服务器发送请求相关推荐

最新文章

热门文章