XMLHttpRequest的GET和POST方法怎么用

发布时间:2022-03-19 14:16:12 作者:iii
来源:亿速云 阅读:244

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

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方法怎么用”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

推荐阅读:
  1. Ajax请求的原理 get及post方法 和get,post请求方式的区别
  2. XMLHttpRequest Post参数

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

xmlhttprequest get post

上一篇:JavaScript Switch语句如何使用

下一篇:XMLHttpRequest的open和send方法怎么用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》