XMLHttpRequest对象的使用
2013-04-20 15:56
477 查看
var xmlHttpRequest = null; //声明一个空对象以接收XMLHttpRequest对象
function ajaxSubmit()
{
if(window.ActiveXObject) // IE浏览器
{
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest) //除IE外的其他浏览器实现
{
xmlHttpRequest = new XMLHttpRequest();
}
if(null != xmlHttpRequest)
{
var v1 = document.getElementById("value1ID").value;
var v2 = document.getElementById("value2ID").value;
xmlHttpRequest.open("POST", "AjaxServlet", true);
//关联好ajax的回调函数
xmlHttpRequest.onreadystatechange = ajaxCallback;
//真正向服务器端发送数据
// 使用post方式提交,必须要加上如下一行
xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttpRequest.send("v1=" + v1 + "&v2=" + v2);
}
}
function ajaxCallback()
{
if(xmlHttpRequest.readyState == 4)
{
if(xmlHttpRequest.status == 200)
{
var responseText = xmlHttpRequest.responseText;
document.getElementById("div1").innerHTML = responseText;
}
}
}
function ajaxSubmit()
{
if(window.ActiveXObject) // IE浏览器
{
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest) //除IE外的其他浏览器实现
{
xmlHttpRequest = new XMLHttpRequest();
}
if(null != xmlHttpRequest)
{
var v1 = document.getElementById("value1ID").value;
var v2 = document.getElementById("value2ID").value;
xmlHttpRequest.open("POST", "AjaxServlet", true);
//关联好ajax的回调函数
xmlHttpRequest.onreadystatechange = ajaxCallback;
//真正向服务器端发送数据
// 使用post方式提交,必须要加上如下一行
xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttpRequest.send("v1=" + v1 + "&v2=" + v2);
}
}
function ajaxCallback()
{
if(xmlHttpRequest.readyState == 4)
{
if(xmlHttpRequest.status == 200)
{
var responseText = xmlHttpRequest.responseText;
document.getElementById("div1").innerHTML = responseText;
}
}
}
相关文章推荐
- AJAX核心对象-- XMLHttpRequest 对象使用详解 (一)
- 使用XMLHttpRequest对象向服务器发送简单的请求
- AJAX入门---五步使用XMLHttpRequest对象
- XmlHttpRequest对象使用实例
- Ajax 使用XMLHttpRequest对象发送数据和接收处理XML源代码
- Ajax核心对象-- XMLHttpRequest 对象使用详解
- AJAX技术使用XMLHttpRequest对象传递参数的中文乱码问题
- ajax-xmlHttprequest对象的对象创建和属性使用
- AJAX核心对象-- XMLHttpRequest 对象使用详解(一)
- XMLHttpRequest对象的使用
- AJAX原始对象的使用(XMLHttpRequest+javascript+asp.net)
- AJAX的初步介绍以及XMLHttpRequest对象的五步使用法
- 第一章:使用XMLHttpRequest对象
- AJAX入门---五步使用XMLHttpRequest对象
- XMLHttpRequest 对象的使用
- 使用Ajax技术通过XMLHttpRequest对象完成首页登录功能
- jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML
- 原生Ajax的XMLHttpRequest对象使用指南
- AJAX核心对象-- XMLHttpRequest 对象使用详解 (二)
- AJAX核心对象-- XMLHttpRequest 对象使用详解 (二)