Ajax 异步请求数据的方式有两种：GET 和 POST。

如果是 GET 模式，则直接将数据放置到异步请求的 URL 地址中，而 send() 方法不发送任何数据；

 var queryString = "name=Liruxing&sex=man";

 var url = "index.php" + queryString + "time=" + new Date().getTime();

 xmlHttp.open('GET',url);

 xmlHttp.send(null);

如果是 POST 模式，则将数据放置在 send() 方法中发送。

 var queryString = "name=Liruxing&sex=man";

 var url = "index.php" + new Date().getTime();

 xmlHttp.open('POST',url);

 xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

 xmlHttp.send(queryString);

下面的示例能够更清楚的演示 GET 模式和 POST 模式的区别（Ajax 结合 PHP）

index.html

 <html>

     <head>

         <title>Ajax</title>

         <script language="javascript">

             var xmlHttp;

             // 创建 XMLHttpRequest

             function createXMLHttpRequest() {

                 if (window.ActiveXObject) {

                     xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');

                 } else if (window.XMLHttpRequest) {

                     xmlHttp = new XMLHttpRequest();

                 }

             }  

             function createQueryString() {

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

                 var sex = document.getElementById('sex').value;

                 var queryString = "name="+ name +"&sex=" + sex;

                 return encodeURI(encodeURI(queryString));   // 两次编码解决中文乱码问题

             }  

             function handleStateChange() {

                 if (xmlHttp.readyState==4 && xmlHttp.status==200) {

                     var content = document.getElementById("content");

                     content.innerHTML = '';

                     content.innerHTML = decodeURI(xmlHttp.responseText); // 解码

                 }

             }  

             // GET 方法

             function doRequestUsingGet() {

                 createXMLHttpRequest();

                 var url = "index.php?" + createQueryString() + "&time=" + new Date().getTime();

                 xmlHttp.open('GET', url);

                 xmlHttp.onreadystatechange = handleStateChange;

                 xmlHttp.send(null);

             }  

             // POST 方法

             function doRequestUsingPost() {

                 createXMLHttpRequest();

                 var url = "index.php?time=" + new Date().getTime();

                 var queryString = createQueryString();

                 xmlHttp.open('POST', url);

                 xmlHttp.onreadystatechange = handleStateChange;

                 xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

                 xmlHttp.send(queryString);

             }

         </script>

     </head>

     <body>

         <p>Name:<input type="text" id="name" /></p>

         <p>Sex :<input type="text" id="sex" /></p>

         <p><input type="button" value="GET" onClick="doRequestUsingGet()"> <input type="button" value="POST" onClick="doRequestUsingPost()"></p>

         <div id="content"></div>

      </body>

 </html>

index.php：

 <?php

     header('Content-Type:text/html;Charset=GB2312');

     $method = $_SERVER['REQUEST_METHOD'];

     if ($method == 'GET') {

         echo "GET：".$_GET['name'].",".$_GET['sex'];

     } else if ($method == 'POST') {

         echo "POST：".$_POST['name'].",".$_POST['sex'];

     }

 ?>

Ajax 的 GET 和 POST 模式的更多相关文章

  1. Ajax轮询以及Comet模式—写在Servlet 3.0发布之前(转)

    2008 年的夏天,偶然在网上闲逛的时候发现了 Comet 技术,人云亦云间,姑且认为它是由 Dojo 的 Alex Russell 在 2006 年提出.在阅读了大量的资料后,萌发出写篇 blog ...

  2. form表单提交和ajax表单提交，关于移动端如何通过软键盘上的【搜索】和【前进】进行提交操作

    [文章来源]由于自己对于form研究甚少,所以一直用的都是AJAX进行提交,这次后台提出要用form提交,顺便深入研究一下:之前在做表单的时候,发现input可以通过设置不同的type属性,调用不同的 ...

  3. Ajax提交与传统表单提交的区别说明

    Ajax提交是通过js来提交请求,请求与响应均由js引擎来处理,页面不会刷新,用户感觉不到实际上浏览器发出了请求.比如说我们希望网页总是显示最新的新闻,而又不想老是去点刷新按钮,我们就可以用Ajax机 ...

  4. 用JQuery的Ajax对表进行处理的一些小笔记

    --示例INSERT INTO 表名 ( 参数 )VALUES(@+参数),new SqlParameter("@参数", 值);注:配合SqlHelper使用. 一.Load() ...

  5. DWR的Reverse Ajax技术实现

    DWR的逆向ajax其实主要包括两种模式:主动模式和被动模式.其中主动模式包括Polling和Comet两种,被动模式只有Piggyback这一种. 所谓的Piggyback指的是如果后台有什么内容需 ...

  6. 20151205 jquery 学习笔记--Ajax

    Ajax全称为:“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML), 它并不是 JavaScript 的一种单一技术,而是利用了一系列交互式网 ...

  7. Ajax学习之小结

    ajax: * 同步交互和异步交互:  * 同步交互:客户端发送请求——>等待服务器端处理——>接收响应,这个过程客户端不能做任何其他事情,这种模式叫做同步交互  * 异步交互:客户端发送 ...

  8. Java多线程Future模式

    Java多线程Future模式有些类似于Ajax的异步请求Future模式的核心在于:去除了主函数的等待时间,并使得原本需要等待的时间段可以用于处理其他业务逻辑 假设服务器的处理某个业务,该业务可以分 ...

  9. ajax与文件上传

    一.ajax ajax(Asynchronous JavaScript And XML):异步JavaScript和XML,即使用JavaScript语句与服务器进行异步交互,传输的数据为XML(也可 ...

随机推荐

  1. net-snmp5.7.3移植到arm-linux平台

    net-snmp5.7.3移植到arm-linux平台 本次交叉编译在ubuntu 15.04 64位系统下进行. 准备工作 在编译移植前有几项准备工作需要完成. 1下载net-snmp 5.7.3源 ...

  2. Ubuntu固定ip和dns配置和查看

    1.查看dns: cat /etc/resolv.conf 2.Ubuntu固定ip sudo vim /etc/network/interfaces 修改如下部分: auto p3p1 iface ...

  3. memcache的带图形界面监控工具memcachephp

    memcache也有一款图形界面的监控工具(memcachephp),可以通过这个工具查看到局域网内所有部署memcache机器或者端口的memcache的运行情况,对我们监控memcache的缓存命 ...

  4. 【GoLang】函数作为 类型 和 值

    代码示例 package test import ( "fmt" "testing" ) type testInt func(int) bool func is ...

  5. poll函数

    poll函数与select函数的功能基本一样,其定义如下: #include <poll.h> int poll(struct pollfd fds[], nfds_t nfds, int ...

  6. ios 把已经点击过的UILocalNotification 从系统的通知中心现实中移除

    在ios7 上一个uilocalnotification在中心现实后,点击该消息,程序被唤醒了,但是该通知没有被移除.用了以下的代码后可以解决这个问题         UIApplication.sh ...

  7. PHP写时复制, 变量复制和对象复制不同!!!

    2016年3月18日 15:09:28 星期五 一直以为PHP对象也是写时复制....... 其实: PHP的变量是写时复制, 对象是引用的 写时复制: $a = $b; 如果$b的内容不改变, $a ...

  8. Linux下编译安装python3

    Linux下默认系统自带python2.6的版本,这个版本被系统很多程序所依赖,所以不建议删除,如果使用最新的Python3那么我们知道编译安装源码包和系统默认包之间是没有任何影响的,所以可以安装py ...

  9. 100m和1000m网线的常见制作方法

    100m和1000m网线的常见制作方法 100m和1000m网线的常见制作方法: 5类线(100m)的制作: a: 绿白(3).绿(6).橙白(1).蓝(4).蓝白(5).橙(2).棕白(7).棕(8 ...

  10. VC++ 之常见内存异常值

    0 VC++ 常见的内存异常值 * 0xcccccccc : Used by Microsoft's C++ Debugging runtime library to mark uninitialis ...