ajax中GET与POST请求

原创 2016年05月30日 10:19:56
<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();
}
}
//传送的json数据形式
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>


//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请求post和get的区别以及get post的选择

最简单的区别: 1.使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来 2.使用Get请求发送数据量小,Post请求发送数据量大 3.get请求需注意缓存问题,...
  • qq_26926889
  • qq_26926889
  • 2016年10月31日 22:28
  • 2863

Ajax以post方式传送带参的数据方式与get请求的不同

若发送带参数的post请求时必须加上下面这段代码告知服务器将会有参数传过来,不然后台用request.getParameter()将无法获取。 xmlhttp.setRequestHeader("Co...
  • CongBird
  • CongBird
  • 2017年02月23日 17:33
  • 616

深入理解AJAX系列第二篇--GET请求和POST请求的区别

深入理解AJAX系列第二篇--GET请求和POST请求的区别
  • m0_38099607
  • m0_38099607
  • 2017年06月05日 10:23
  • 594

$.get(),$.post(),$.ajax()的区别和联系

背景   软考之后,又投入到了项目当中。刚敲几行Web前端代码,就敲不下去了。之前也做过很长一段时间项目,本应该很熟练的啊!哎,都是不及时总结的原因,悔恨中……这不,又遇到了在MVC中传值问题。不...
  • u010924834
  • u010924834
  • 2015年06月05日 16:50
  • 2139

jQuery中AJAX,$.post()与$.get()的区别

`$.post()`与`$.get()`方法的结构和使用方式上基本相同,不过它们之间仍然有区别的。 1、`GET`请求会将参数跟在`URL`后进行传递,而`POST`请求则是作为`HTTP`消息的实...
  • KoalaShane
  • KoalaShane
  • 2017年01月03日 10:48
  • 516

Ajax提交之后,Method从POST变成GET

开发工程中遇到一个小却很困惑的问题 进行ajax请求时,用的是post但是系统会自动给转成get,一直不明白。现在找到原因了。 原因如下: 因为你的 dataType 是 jsonp 而不是...
  • bellah521
  • bellah521
  • 2017年05月05日 15:17
  • 1553

AJAX中POST与GET之间的区别

本文是对ajax的POST与GET之间的区别,当然ajax不仅仅只是post和get,但是这两种一定是绝大多数开发者最常用的方法。下面就来探讨一下ajax中的post和get方式,能力有限,希望对大家...
  • playboyanta123
  • playboyanta123
  • 2015年10月13日 18:39
  • 1910

Ajax, 选择GET还是POST?(转)

转自:http://developer.51cto.com/art/200906/130400.htm 当我们不通过重新加载页面,用Ajax访问服务器的时候,有两个选择可以将请求信息传送到服务器...
  • abc86319253
  • abc86319253
  • 2015年04月09日 10:54
  • 1593

关于ajax原生的get请求和post请求

//get方式 //1. 实例化一个ajax对象 var xhr= new XMLHttpRequest(); //2. 通过ajax对象打开一个地址         xhr.op...
  • can_Sunshine
  • can_Sunshine
  • 2016年11月06日 13:25
  • 500

原生js ajax get与post区别

get方式 要么不发送数据,要么把发送的数据写在url 后面 send 方法里面不带字符串 后台通过 querystring 获取数据 post方式 一定发送数据,不发送数据干嘛用p...
  • for_cxc
  • for_cxc
  • 2016年07月14日 10:37
  • 779
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax中GET与POST请求
举报原因:
原因补充:

(最多只允许输入30个字)