XMLHttpRequest的GET和POST方法怎么用

XMLHttpRequest的GET和POST方法怎么用

本篇内容主要讲解“XMLHttpRequest的GET和POST方法怎么用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“XMLHttpRequest的GET和POST方法怎么用”吧!

GET 比 POST 更简单更快,可用于大多数情况下。

XMLHttpRequest的GET和POST方法怎么用

不过,请在以下情况始终使用 POST:

缓存文件不是选项(更新服务器上的文件或数据库)

向服务器发送大量数据(POST 无大小限制)

发送用户输入(可包含未知字符),POST 比 GET 更强大更安全

GET 请求

一条简单的 GET 请求:

实例

xhttp.open("GET", "demo_get.asp", true);

xhttp.send();

在上面的例子中,您可能会获得一个缓存的结果。为了避免此情况,请向 URL 添加一个唯一的 ID:

实例

xhttp.open("GET", "demo_get.asp?t=" + Math.random(), true);

xhttp.send();

如果您需要用 GET 方法来发送信息,请向 URL 添加这些信息:

实例

xhttp.open("GET", "demo_get2.asp?fname=Bill&lname=Gates", true);

xhttp.send();

POST 请求

一条简单的 POST 请求:

实例

xhttp.open("POST", "demo_post.asp", true);

xhttp.send();

如需像 HTML 表单那样 POST 数据,请通过 setRequestHeader() 添加一个 HTTP 头部。请在 send() 方法中规定您需要发送的数据:

实例

xhttp.open("POST", "ajax_test.asp", true);

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

xhttp.send("fname=Bill&lname=Gates");

方法 描述

setRequestHeader(header, value)

向请求添加 HTTP 头部

header:规定头部名称

value:规定头部值

到此,相信大家对“XMLHttpRequest的GET和POST方法怎么用”有了更深的了解,不妨来实际操作一番吧!这里是恰卡编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

发布于 2022-03-19 21:12:41
收藏
分享
海报
0 条评论
51
上一篇:vue如何使用router.beforeEach来处理跳转前逻辑 下一篇:JavaScript Switch语句如何使用
目录

    0 条评论

    本站已关闭游客评论,请登录或者注册后再评论吧~

    忘记密码?

    图形验证码