`

Ajax中我们经常用到get和post请求.

    博客分类:
  • ajax
阅读更多
了解get和post的区别.

1、 get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。

2、 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。两种方式的参数都可以用Request来获得。

3、get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。但理论上,因服务器的不同而异.

4、get安全性非常低,post安全性较高。

5、 <form method="get" action="a.asp?b=b">跟<form method="get" action="a.asp">是一样的,也就是说,method为get时action页面后边带的参数列表会被忽视;而<form method="post" action="a.asp?b=b">跟<form method="post" action="a.asp">是不一样的。

另外
Get请求有如下特性:它会将数据添加到URL中,通过这种方式传递到服务器,通常利用一个问号?代表URL地址的结尾与数据参数的开端,后面的参数每一个数据参数以“名称=值”的形式出现,参数与参数之间利用一个连接符&来区分。
Post请求有如下特性:数据是放在HTTP主体中的,其组织方式不只一种,有&连接方式,也有分割符方式,可隐藏参数,传递大批数据,比较方便。

通过以上的说明,现在我们大致了解了什么时候用get什么时候用post方式了吧,对!当我们在提交表单的时候我们通常用post方式,当我们要传送一个较大的数据文件时,需要用post。当传递的值只需用参数方式(这个值不大于2KB)的时候,用get方式即可。

现在我们再看看通过URL发送请求时,get方式和post方式的区别。用下面的例子可以很容易的看到同样的数据通过GET和POST来发送的区别, 发送的数据是 username=张三 :
GET 方式, 浏览器键入 http://localhost?username=张三


GET /?username=%E5%BC%A0%E4%B8%89 HTTP/1.1
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*
Accept-Language: zh-cn
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 1.1.4322)
Host: localhost
Connection: Keep-Alive

POST 方式:

POST / HTTP/1.1
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*
Accept-Language: zh-cn
Content-Type: application/x-www-form-urlencoded
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 1.1.4322)
Host: localhost
Content-Length: 28
Connection: Keep-Alive

username=%E5%BC%A0%E4%B8%89

区别就是一个在 URL 请求里面附带了表单参数和值, 一个是在 HTTP 请求的消息实体中。

比较一下上面的两段文字, 我们会发现 GET 方式把表单内容放在前面的请求头中, 而 POST 则把这些内容放在请求的主体中了, 同时 POST 中把请求的 Content-Type 头设置为 application/x-www-form-urlencoded. 而发送的正文都是一样的, 可以这样来构造一个表单提交正文:
encodeURIComponent(arg1)=encodeURIComponent(value1)&encodeURIComponent(arg2)=encodeURIComponent(value2)&.....

注: encodeURIComponent 返回一个包含了 charstring 内容的新的 String 对象(Unicode 格式), 所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 编码代替,其中 xx 等于表示该字符的十六进制数。 例如,空格返回的是 "%20" 。 字符的值大于 255 的用 %uxxxx 格式存储。参见 JavaScript 的 encodeURIComponent() 方法.

在了解了上面的内容后我们现在用ajax的XMLHttpRequest对象向服务器分别用GET和POST方式发送一些数据。

GET 方式
var postContent ="name=" + encodeURIComponent("xiaocheng") + "&email=" + encodeURIComponent("xiaochengf_21@yahoo.com.cn");
xmlhttp.open("GET", "somepage" + "?" + postContent, true);
xmlhttp.send(null);


POST 方式

var postContent ="name=" + encodeURIComponent("xiaocheng") + "&email=" + encodeURIComponent("xiaochengf_21@yahoo.com.cn");
xmlhttp.open("POST", "somepage", true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//xmlhttp.setRequestHeader("Content-Type", "text/xml"); //如果发送的是一个xml文件
xmlhttp.send(postContent);
分享到:
评论

相关推荐

    CURLget|post请求封装

    调用微信公众平台接口 需要用到CURL(相当于ajax) 访问接口返回数据 页面不刷新 此文件封装了调用curl执行get|post请求 返回相应的数据

    防止页面url缓存中ajax中post请求的处理方法

     一般我们在开发中经常会用到Ajax请求,异步发送请求,然后获取我们想要的数据,在Ajax中使用Get请求数据不会有页面缓存的问题,而使用POST请求可是有时候页面会缓存我们提交的信息,导致我们发送的异步请求不能...

    ajax的一个简单例子

    // 对于POST请求 ``` 5. **处理响应**:在回调函数中,我们可以获取并处理服务器返回的数据。这可能包括XML、JSON或其他格式的数据。例如,如果返回的是JSON,我们可以使用`JSON.parse()`解析: ```javascript ...

    ajax提交的时候用到的图片

    标题 "ajax提交的时候用到的图片" 暗示了我们将在讨论的场景涉及到使用Ajax技术来异步提交数据,并且在这个过程中可能涉及到一个加载指示器(spinner.gif)来显示请求处理的状态。Ajax,即Asynchronous JavaScript ...

    jQuery Ajax 实例代码 ($.ajax、$.post、$.get)

    $.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一、$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); 二、...

    ajax 示例源码(经典)

    `send()`则用于发送数据到服务器,对于GET请求,数据通常作为URL的一部分,对于POST请求,则可以将数据放在`send()`的参数中。 3. **事件处理**:Ajax请求过程中有多个事件可以监听,例如`onreadystatechange`事件...

    JQueryAjax用到的jar包

    在jQuery中,最常用的Ajax方法有`$.ajax()`, `$.get()`, `$.post()`以及`$.getJSON()`等。 要使用jQuery的Ajax功能,开发者通常需要引入jQuery库的JavaScript文件,如`jquery.min.js`。但在这个特定的场景下,提到...

    自己写个后台管理,用到了ajax

    标题中的“自己写个后台管理,用到了ajax”意味着这篇博客或者项目是关于构建一个自定义的后台管理系统,并且在实现过程中使用了Ajax技术。Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的...

    Ajax相关源码jar包下载

    3. **发送请求**:利用XMLHttpRequest对象的open()方法设置请求类型(GET或POST)、URL和是否异步,然后用send()方法发送请求。 4. **服务器处理请求**:服务器接收到请求后,处理相关业务逻辑,可能涉及数据库查询...

    jquery ajaxSubmit提交所用到的jquery.form.js

    这个方法接收一个可选的设置对象作为参数,可以自定义请求的细节,例如数据类型(如JSON或XML)、URL、提交方法(GET或POST)以及成功或错误回调函数。这使得我们可以根据需要定制表单提交的行为,提供更友好的用户...

    ajax手写注册例子

    这些数据可以被编码为URL参数(GET请求)或放在请求体(POST请求)中。 5. 回调函数:当服务器响应时,我们需要定义一个函数来处理返回的数据。这通常包括解析响应,更新DOM(文档对象模型),或者处理错误。 以下...

    jQuery AJAX加载片段

    除了`$.ajax()`,jQuery还提供了更简洁的`$.get()`和`$.post()`方法,它们分别对应GET和POST请求。对于加载片段,通常会用到`$.get()`,因为大部分情况是获取服务器上的HTML片段: ```javascript $.get('...

    ajax异步提交、无刷新验证转json需要用到的jar的集合

    然后,使用send()方法发送请求,如果是POST请求,通常会将数据放在send()方法的参数中。最后,监听XMLHttpRequest对象的onreadystatechange事件,当状态变化时,检查readyState属性和status属性,确认请求是否成功...

    ajax安装程序+jar包

    - 使用`open()`方法设置请求类型(GET或POST)、URL和是否异步,接着使用`send()`方法发送请求。 3. **.jar文件**: - 在Java环境中,.jar文件是Java档案,它可能包含一个或多个类文件、资源文件以及元数据,用于...

    Ajax、json实例学习代码

    在Ajax应用中,我们通常会用到以下步骤: 1. 创建XMLHttpRequest对象:在现代浏览器中,我们可以直接通过`new XMLHttpRequest()`创建一个实例。 2. 配置请求:使用`open()`方法设置请求类型(GET或POST)、URL和...

    Ajax学习笔记.zip

    通过调用其open()方法设置请求类型(GET或POST)、URL和是否异步,然后使用send()方法发送请求。当服务器响应时,XMLHttpRequest对象的onreadystatechange事件会被触发,通过readyState属性和status属性可以判断请求...

    Ajax实现自动补全和搜索功能(jsp)

    设置请求的方法(GET或POST)、URL、数据等参数。 3. **发送请求**:当用户输入达到一定条件(如输入字符数达到最小长度)时,发送请求到服务器。 4. **处理响应**:服务器处理请求并返回数据,通常以JSON格式返回...

    AJax相关资料.rar

    2. HTTP协议:了解HTTP请求和响应的原理,熟悉GET和POST请求的区别。 3. JSON格式:学习如何解析和生成JSON数据。 4. DOM操作:掌握如何使用JavaScript操作HTML文档对象模型,以更新页面内容。 5. 事件处理:学习...

Global site tag (gtag.js) - Google Analytics