`

Ajax中的get和post两种请求方式的用法

    博客分类:
  • PHP
阅读更多

  1. Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别.       
  2.       
  3. 1、 get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。       
  4.       
  5. 2、 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。两种方式的参数都可以用Request来获得。       
  6.       
  7. 3、get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。但理论上,因服务器的不同而异.       
  8.       
  9. 4、get安全性非常低,post安全性较高。       
  10.       
  11. 5 <form method="get" action="a.asp?b=b">跟<form method="get" action="a.asp">是一样的,也就是说,action页面后边带的参数列表会被忽视;而<form method="post" action="a.asp?b=b">跟<form method="post" action="a.asp">是不一样的。 
  12.        
  13. 另外       
  14.    Get请求有如下特性:它会将数据添加到URL中,通过这种方式传递到服务器,通常利用一个问号?代表URL地址的结尾与数据参数的开端,后面的参数每一个数据参数以“名称=值”的形式出现,参数与参数之间利用一个连接符&来区分。       
  15. Post请求有如下特性:数据是放在HTTP主体中的,其组织方式不只一种,有&连接方式,也有分割符方式,可隐藏参数,传递大批数据,比较方便。       
  16.       
  17.  通过以上的说明,现在我们大致了解了什么时候用get什么时候用post方式了吧,对!当我们在提交表单的时候我们通常用post方式,当我们要传送一个较大的数据文件时,需要用post。当传递的值只需用参数方式(这个值不大于2KB)的时候,用get方式即可。      
  18.   
  19. 现在我们再看看通过URL发送请求时,get方式和post方式的区别。用下面的例子可以很容易的看到同样的数据通过GET和POST来发送的区别, 发送的数据是 username=张三 :    
  20.  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 请求的消息实体中。        

  21.   比较一下上面的两段文字, 我们会发现 GET 方式把表单内容放在前面的请求头中, 而 POST 则把这些内容放在请求的主体中了, 同时 POST 中把请求的 Content-Type 头设置为 application/x-www-form-urlencoded. 而发送的正文都是一样的, 可以这样来构造一个表单提交正文:    
  22. encodeURIComponent(arg1)=encodeURIComponent(value1)&encodeURIComponent(arg2)=encodeURIComponent(value2)&.....   
  23.   
  24. 注: encodeURIComponent 返回一个包含了 charstring 内容的新的 String 对象(Unicode 格式), 所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 编码代替,其中 xx 等于表示该字符的十六进制数。 例如,空格返回的是 "%20" 。 字符的值大于 255 的用 %uxxxx 格式存储。参见 JavaScript 的 encodeURIComponent() 方法.   
  25.   
  26.     在了解了上面的内容后我们现在用ajax的XMLHttpRequest对象向服务器分别用GET和POST方式发送一些数据。   
  27.   
  28. GET 方式    
  29. var postContent ="name=" + encodeURIComponent("xiaocheng") + "&email=" + encodeURIComponent("xiaochengf_21@yahoo.com.cn");   
  30. xmlhttp.open("GET""somepage" + "?" + postContent, true);   
  31. xmlhttp.send(null);    
  32.   
  33.   
  34. POST 方式   
  35.   
  36. var postContent ="name=" + encodeURIComponent("xiaocheng") + "&email=" + encodeURIComponent("xiaochengf_21@yahoo.com.cn");   
  37. xmlhttp.open("POST""somepage"true);   
  38. xmlhttp.setRequestHeader("Content-Type""application/x-www-form-urlencoded");   
  39. //xmlhttp.setRequestHeader("Content-Type", "text/xml"); //如果发送的是一个xml文件   
  40. xmlhttp.send(postContent);   
  41.     

分享到:
评论

相关推荐

    Ajax中get和post区别

    在上面的实例代码中,我们使用了Get和Post请求来演示两种请求方法的区别。在客户端代码中,我们使用XMLHttpRequest对象创建了一个Get请求和一个Post请求,并将参数传递给服务器端。在服务器端代码中,我们使用...

    Ajax中get与post请求详解

    Ajax 中 get 与 post 请求的详细解释 Ajax 技术中 get 与 post 两种请求方式是...在 Ajax 中,get 和 post 两种请求方式都有其特点和缺陷,开发者应该根据实际情况选择合适的请求方式,以确保数据的安全性和可靠性。

    ajax POST 与GET提交的区别

    在探讨AJAX中GET和POST的区别之前,我们先来了解一下这两种请求方式的基本概念。 **GET**请求通常用于获取资源信息,它将参数拼接到URL后面,并通过URL传输数据。这种方式适合于那些不会更改服务器状态的操作,例如...

    Ajax Get、Post请求

    在Ajax中,主要使用的请求方式有两种:GET和POST。 **GET请求** GET是HTTP协议中最常见的请求方法之一,主要用于获取服务器上的资源。在Ajax中,使用GET请求时,请求的数据会被附加到URL后面,以问号分隔,形成一个...

    ajax以GET和POST方式调用WCF

    对于GET和POST两种HTTP方法,它们的主要区别在于: 1. **GET方式**:在URL中附加参数,数据可见且有限制(一般不超过2KB),适合获取少量数据。 2. **POST方式**:数据放在请求体中,对数据量无限制,适合传递大量...

    html页面模式get/post请求

    首先,GET和POST是HTTP协议中的两种主要请求方法。GET通常用于获取资源,它将数据附加到URL上,以查询字符串的形式传递。而POST则常用于向服务器发送数据,如表单提交,数据被包含在请求正文中,这对于传输大量或...

    php+Ajax(GET&POST)完美实例

    在IT领域,PHP和Ajax是两种非常重要的技术,它们经常被结合起来用于构建动态、交互性强的Web应用。本文将深入探讨如何使用PHP和Ajax解决GET和POST请求中的中文乱码问题,并结合MySQL数据库实现数据的交互。 首先,...

    用AJAX的Get和Post调用Servlet的简单示例.doc

    GET和POST是两种不同的HTTP请求方法,主要区别在于: - **GET**通常用于获取资源,请求参数包含在URL中,对数据大小有限制,安全性较低。 - **POST**用于向服务器发送数据,数据放在请求体中,没有大小限制,更安全...

    jQuery+get/post+Ajax+Json

    1. jQuery的$.get和$.post方法:这两种方法是jQuery提供的Ajax(异步JavaScript和XML)接口,用于与服务器进行非刷新的数据交换。$.get用于发送GET请求,而$.post用于发送POST请求。它们都接受四个参数:URL、数据、...

    ajax get请求中文参数乱码解决

    在处理Ajax GET请求中文参数乱码时,关键是确保客户端和服务器端在编码和解码过程中的一致性。通过理解HTTP协议的编码规则和Web开发中的字符编码原理,可以有效地避免此类问题的发生。在提供的压缩包文件`strtus-...

    Ajax的小封装 get,post请求

    在这个示例中,我们创建了一个`ajaxGet`函数,它接收URL和回调函数作为参数。回调函数会在请求完成且状态成功时调用,传递错误(如果有)和响应文本。 ### 2. Ajax POST 请求小封装 POST请求常用于向服务器发送...

    Ajax中POST和GET的区别

    本文将详细介绍这两种请求方式的不同之处,并探讨它们各自的优势与局限性。 #### 二、GET请求的特点 1. **参数位置**:GET请求将所有参数拼接到URL后面,以问号“?”分隔URL和传输数据,参数之间使用“&”连接。 2...

    【Ajax】分别以post,get演示

    首先,让我们详细了解一下GET和POST两种请求方式的区别: 1. GET请求:这是最基础的HTTP方法,通常用于获取服务器上的数据。GET请求将参数附加在URL后面,以问号分隔,每个参数之间用&连接。这种方式的限制在于URL...

    异步请求.post()和.ajax({})的区别

    总结来说,$.post()和$.ajax({})是实现异步请求的两种主要方法,它们各有特点和适用场景。$.post()提供了简单快捷的方式发送POST请求,而$.ajax({})则提供了更细致的控制。无论选择哪种方法,了解和掌握GET与POST...

    原生 JS Ajax,GET和POST 请求实例代码

    这里我们将深入探讨GET和POST两种HTTP请求方式的实现。 首先,我们来看GET请求的实例。在提供的代码中,`GetXmlHttpObject()`函数用于创建XMLHttpRequest对象,这是Ajax的核心。对于现代浏览器,它会创建一个新的`...

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    `$.get()`函数是最简单的一种异步请求方式,它发送一个GET请求到指定的URL,并将数据附加在URL的查询字符串中。基本语法如下: ```javascript $.get(url, [data], [callback]); ``` 其中: - `url`:请求的目标URL...

    js get和post请求实现代码解析.docx

    这两种请求方式各有特点,适用于不同的场景。 #### 一、GET请求 GET请求主要用于获取资源。其特点是将请求参数附加在URL后面,以`?`符号分隔。这种方式的优点是简单、快速,并且可以在浏览器地址栏中直接看到完整...

    Jquery中ajax提交表单几种方法(get、post两种方法)

    GET和POST是HTTP中最基本的两种请求方式,适用于不同需求。GET适合于获取数据,而POST通常用于提交数据。`$.get()`和`$.post()`是对这两种方法的简单封装,`$.ajax()`则提供了更多自定义选项。在处理表单数据时,`$....

    Ajax 对象 包含post和get两种异步传输方式

    文档中提到了Ajax对象中包含的两种主要的HTTP请求方式:GET和POST。 GET请求的主要特点包括:简单、快速和有限的数据传输能力。它通常用于从服务器获取数据,请求的数据会被附加在URL的后面,形成一个查询字符串。...

    Ajax的post方法的使用

    在HTTP协议中,GET和POST是最常见的两种请求方式。它们之间的主要区别在于: 1. **传输数据的位置**:GET方法通过URL传递参数,而POST方法将数据放在请求体中发送。 2. **安全性**:由于GET请求的数据暴露在URL中,...

Global site tag (gtag.js) - Google Analytics