AJAX 学习笔记(4) GET与POST
2007-08-03 14:54
507 查看
5.GET与POST
innerHTML.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Using responseText with innerHTML</title>
</head>
<body>
<script type="Text/javascript">
var xmlHttp;
function createXmlHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function startRequest(){
createXmlHttpRequest();
xmlHttp.onreadyStateChange = handleStateChange;
xmlHttp.open("GET", "innerHTML.xml", true);
xmlHttp.send(null);
}
function handleStateChange(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
document.getElementById("results").innerHTML = xmlHttp.responseText;
}
}
}
</script>
<form action="#">
<input type="button" value="Search for Today's Activities" onclick="startRequest();" />
<div id="results"></div>
</form>
</body>
</html>
innerHTML.xml
<?xml version="1.0" encoding="utf-8"?>
<table border="1">
<tbody>
<tr>
<td>Activity Name</td>
<td>Location</td>
<td>Time</td>
</tr>
<tr>
<td>Waterskiing</td>
<td>Dock #1</td>
<td>9:00 AM</td>
</tr>
<tr>
<td>Volleyball</td>
<td>East Court</td>
<td>2:00 PM</td>
</tr>
<tr>
<td>Hiking</td>
<td>Trail 3</td>
<td>3:30 PM</td>
</tr>
</tbody>
</table>
innerHTML.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Using responseText with innerHTML</title>
</head>
<body>
<script type="Text/javascript">
var xmlHttp;
function createXmlHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function startRequest(){
createXmlHttpRequest();
xmlHttp.onreadyStateChange = handleStateChange;
xmlHttp.open("GET", "innerHTML.xml", true);
xmlHttp.send(null);
}
function handleStateChange(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
document.getElementById("results").innerHTML = xmlHttp.responseText;
}
}
}
</script>
<form action="#">
<input type="button" value="Search for Today's Activities" onclick="startRequest();" />
<div id="results"></div>
</form>
</body>
</html>
innerHTML.xml
<?xml version="1.0" encoding="utf-8"?>
<table border="1">
<tbody>
<tr>
<td>Activity Name</td>
<td>Location</td>
<td>Time</td>
</tr>
<tr>
<td>Waterskiing</td>
<td>Dock #1</td>
<td>9:00 AM</td>
</tr>
<tr>
<td>Volleyball</td>
<td>East Court</td>
<td>2:00 PM</td>
</tr>
<tr>
<td>Hiking</td>
<td>Trail 3</td>
<td>3:30 PM</td>
</tr>
</tbody>
</table>
相关文章推荐
- AJAX学习笔记之 客户端请求方式 get 和post 模式
- learning jQuery 学习笔记十六(+jQuery 1.4.1 API)-- AJAX----$.get() & $.post()
- ajax 学习笔记之二 POST GET方式提交数据
- AJAX 学习笔记[三] get 与post 模式的区别
- AJAX 学习笔记[三] get 与post 模式的区别
- php学习笔记:第八节--表单和用户输入,$_GET,$_POST
- JavaWeb学习笔记:POST和GET
- servlet的生命周期、解决乱码的方式和get方式提交与post方式提交的区别 学习笔记
- 黑马程序员之ASP.NET学习笔记:GET与POST的区别
- [Nodejs]初探nodejs学习笔记- 如何使用nodejs接收get/post 数据(参数)
- Ajax的学习——get和post请求
- jsp_ajax_post 方式传参数乱码问题学习笔记
- 学习笔记-post和get请求的区别
- 黑马程序员之ASP.NET学习笔记:Form表单中method=“post/get"
- IOS HTTP GET POST学习笔记
- 【笔记】防止ajax重复请求的GET和POST方法
- jquery 学习日志 - AJAX get() 和 post() 方法
- restlet2.1 学习笔记(二) 分别处理Get Post Put请求
- Android(java)学习笔记213:开源框架post和get方式提交数据(qq登录案例)
- js笔记 - ajax中的get和post说明