Ajax请求参数，get与post

最新推荐文章于 2025-11-10 22:10:23 发布

转载最新推荐文章于 2025-11-10 22:10:23 发布 · 1.7k 阅读

文章标签：

#ajax #xmlhttprequest #query #服务器 #url

ajax 专栏收录该内容

4 篇文章

订阅专栏

本文详细解释了如何使用Ajax向服务器发送请求参数，包括GET与POST两种方法的实现过程及区别，帮助开发者了解如何高效地从服务器获取不同信息。

使用Ajax向服务器发送请求参数就可以向服务器“索取”不同的信息了，同一般的表格提交一样，用Ajax提交请求同样有GET与POST之分。

使用GET方法

使用GET方法想服务器床底参数的方法比较直接，就是将构建好的请求字符串添加到url后面。例如下面的示意代码：

var name = document.getElementById('username').value;
var gender = document.getElementById('gender').value;
url = 'process.php';
query = '?name=' + name + '&gender=' + gender;
url+=query;

最后构成的字符串形如：process.php?name=xxx&gender=yyy。

POST方法

使用POST方法提交的时候，url不需要改变，而请求的参数要作为send的参数。

var name = document.getElementById('username').value;
var gender = document.getElementById('gender').value;

query = 'name=' + name + '&gender=' + gender;
//……构建XMLHttpRequest请求的代码……
request.send(query);

除了差一个问好之外query字符串就没有什么其它的区别了。