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的小封装 get,post请求

  • 2013年06月05日 16:24
  • 824B
  • 下载

SpringMVC Controller接收前台ajax的GET或POST请求返回各种参数

这几天写新项目遇到这个问题,看这位博主总结得不错,懒得写了,直接转!原文:http://blog.csdn.net/yixiaoping/article/details/45281721原文有些小错误...

Ajax请求GET/POST方法的封装

Ajax请求GET方法的封装,网易微专业上的一道GET方法封装练习题,下面是我的设计实现。 方法:get(url, options, callback) 参数 url {St...

Extjs6 设置Store、Ajax、form的请求方式(GET、POST)

Ajax请求和Form的submit方法设置请求方式和原来一样,使用method : 'POST'设置 // 表单提交 winForm.getForm().submit({ waitTit...

Ajax请求GET/POST方法的封装

html lang="en"> head>     meta charset="UTF-8">     title>GET请求封装title> head> body> script type="tex...

Ajax请求中get与post的区别

一、 Get方式: .txt:静态文件                                      .php:动态文件     var Btn=document.getElemen...

AJAX中get和post请求详解

一、get()和post()基本区别 1.get 是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,...

ajax发送get、post请求

ajax可以发送post或者get请求,并且keyi

ajax get和post请求

var XMLHttpReq; //创建XMLHttpRequest对象 function createXMLHttpRequest() { if(window.XMLH...
  • zztp01
  • zztp01
  • 2011年10月24日 09:05
  • 986

转载:Ajax中get与post请求详解

学习ajax技术的时候,很多同学对于ajax中get与post请求总是疑问不解,为了给学员解决疑问,现将授课中对get与post的请求的总结发表于学生大本营中,希望能给你带来帮助.  一、get()和...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax中GET与POST请求
举报原因:
原因补充:

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