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
  • 下载

原创:Ajax中get与post请求详解

学习ajax技术的时候,很多同学对于ajax中get与post请求总是疑问不解,为了给学员解决疑问,现将授课中对get与post的请求的总结发表于学生大本营中,希望能给你带来帮助.  一、get()和...

ajax中get和post两种请求的区别

Ajax(Asynchronous Javascript And XML)即异步JavaScript和XML,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新;这意味着可以在不...

Ajax中get与post请求详解

学习ajax技术的时候,很多同学对于ajax中get与post请求总是疑问不解,为了给学员解决疑问,现将授课中对get与post的请求的总结发表于学生大本营中,希望能给你带来帮助.  一、get()和...

Ajax学习——jQuery下的post和get请求

“要点” jQuery下的post,get请求 常用的jQuery的AJAX方法

Ajax的学习——get和post请求

要点:1、AJAX的简单介绍 2、传统网页请求响应模式和AJAX模式的对比 3、AJAX的优点和缺点 4、AJAX的基本使用 AJAX的简单介绍AJAX( Asynchronous JavaScrip...

AJAX编程(异步/XMLHttpRequest/API详解/GET和POST请求的差异/创建浏览器内建对象的兼容写法)

AJAX 1. 异步 2. XMLHttpRequest (1)请求 (2)响应 (3)API 详解 从发起请求到响应成功的完整写法示例 GET和POST请求方式的差异 3. 兼容性

Ajax的Get和Post的请求用法

1、创建一个xmlHttpRequest对象 function createXmlHttpReq() { var xmlHttpReq = null; if (win...

AJAXCDR:利用 Flash 完美解决 JavaScript 和 AJAX 跨域 HTTP POST/GET 表单请求[原创]

====================================================== 注:本文源代码点此下载 =============================...

Ajax中的get和post两种请求方式的异同

Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别. 1、 get是把参数数据队列加到提交表单的...
  • qfgg3
  • qfgg3
  • 2016-06-28 17:54
  • 102
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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