ajax客户端js向服务器端发送http请求代码

本文详细介绍了如何在不同浏览器环境下创建XML对象和XMLHttpRequest对象,并通过实例展示了如何利用这些对象进行数据交互。重点包括XML对象的创建、XMLHttpRequest的创建与配置、发送请求、接收响应数据及在JavaScript中处理这些数据的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function createXmlObj(){
var signatures = ["Msxml2.DOMDocument.5.0","Msxml2.DOMDocument.4.0","Msxml2.DOMDocument.3.0","Msxml2.DOMDocument","Microsoft.XmlDom"];
for(var i = 0;i<signatures.length;i++){
try{
var xmlDom = new ActiveXObject(signatures[i]);
}catch(e){
//忽略错误,继续测试下一个版本
}
}

return xmlDom.xml;
}

/*
创建XMLHttpRequest请求对象
*/
function createXMLhttp(){
var xmlhttp;
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
try{
xmlhttp = new XMLHttpRequest();
}catch(e){}
}
}
return xmlhttp;
}

function sendInfor(){

var XmlObj = createXmlObj();
//alert(XmlObj);
//根据不同的浏览器创建不同的XMLHttpRequest对象
var xmlhttp = createXMLhttp();

//alert(url);
//创建一个请求

xmlhttp.open("post",url,false);

//设置请求的HTTP头
//xmlhttp.setRequestHeader("Content-Type"," application/utf-8 ");
xmlhttp.setRequestHeader("Content-Type","text/xml;charset=UTF-8");
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4){
//alert("发送成功!");
}
}
//发送请求
xmlhttp.send(XmlObj);
var aa = xmlhttp.ResponseText;//得到后台传递过来的text文本信息
//var test =xmlhttp.responseStream;//得到后台传递过来的输入流信息--一般不用
//alert(aa);
//把后台传递过来的信息aa用js放到页面中指定的位置
}

后台处理程序是一个servlet,在该servlet中把处理后的结果用out.print()方法输出来就可以在前台用javascript用xmlhttp.ResponseText等方法接收到。

在前台还可以把前台页面中的信息拼装成一个xml文件放到XmlObj中发送到后台的servlet,此时后台的处理程序可以获取该xml文件流然后把这个文件流转换成dom对象在解析该xml文件,此时后台程序就可以根据前端传递不同的信息进行不同的操作了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值