AJAX大量数据xml格式提交

最新推荐文章于 2022-10-14 20:06:28 发布

iteye_887

最新推荐文章于 2022-10-14 20:06:28 发布

阅读量110

点赞数

Ajax的GET和POST的两种提交方法,get主要是少量数据的提交,在这里我谈谈用post方法发送大量数据的过程.
此处我将所有内容打包为一个xml文件流,避免了长参数的发送,在服务器端直接载入xml解析,十分方便,数据也没有丢失现象.
下为过程的实现思路:
第一步:创建一个XML的DOM对象,可用如下方法完成
function CreateDomDoc() //创建XML文档对象
{
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 domDoc = new ActiveXObject(signatures[i]);
 return domDoc;
 }
 catch(e)
 {
 }
 }
 return null;
}

第二步:从客户端取得数据写入XM,方法如下:
function CreateXml(doc)
{
var root= doc.createElement("root");
 
 var title= doc.createElement("title");
 title.text= document.getElementById("title").value;
 root.appendChild(title);
 var homepage = doc.createElement("homepage");
 homepage.text= document.getElementById("homepage").value;
 root.appendChild(homepage);
 doc.appendChild(root);
 //alert("ddddd");
 return doc.xml;
}
第三步互相调用
var domDoc = CreateDomDoc();//创建对象将用send发送到服务器端
if(domDoc!=null)
{
 var xml = CreateXml(domDoc);//写入xml 返回xml文档
 alert(domDoc);//
}
else
{
 alert("未安装MSXML控件");
}
第四步AJAX发送
var xmlhttp=createxmlhttp(); 

 xmlhttp.onreadystatechange = function()
 {
 if(xmlhttp.readyState == 4)
 {
 if(xmlhttp.status == 200)
 { 
 
 info =xmlhttp.responseText;
 //alert(info);
 }
 else
 { 
 alert("ajax调用失败！"+xmlhttp.status);
 } 
 } 
 }
xmlhttp.open("POST","ajaxserver.aspx?type=add",false);
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;"); //关键,否则出错
xmlhttp.send(domDoc);//发送一定是domDoc文档对象,如果只发送xml将出错”statue=500” 
服务器端:
设置接受类型,防止中文出现乱码情况
Request.ContentEncoding = System.Text.Encoding.GetEncoding("gb2312");
XmlDocument xmldoc = new XmlDocument(); //建立xml文档对象
xmldoc.Load(Request.InputStream); //接受ajax发送的xml文档对象流//也可以接受普通字符流
XmlNode node = xmldoc.SelectSingleNode("//title"); //获得title节点
title = node.InnerText; //取得节点值
部分解释:
xmlhttp.open("POST","ajaxserver.aspx?type=add",false);
open方法至少包含上述三个参数,
post/get:发送类型
ajaxserver.aspx?type=add :请求页面路径
false: 可以是true,当为true是请求异步,发送可以可以继续使用表单,false时发送后锁定表单,直到返回结果.

iteye_887

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AJAX大量数据xml格式提交

Ajax的GET和POST的两种提交方法,get主要是少量数据的提交,在这里我谈谈用post方法发送大量数据的过程.此处我将所有内容打包为一个xml文件流,避免了长参数的发送,在服务器端直接载入xml解析,十分方便,数据也没有丢失现象.下为过程的实现思路:第一步:创建一个XML的DOM对象,可用如下方法完成function CreateDomDoc() //创建XML文档对象{...
复制链接

扫一扫