蓝天旭日

高手如云,自己只是个菜鸟而已! 没有人在意你曾经的努力和散漫,只有人关注你是否有成就......
posts - 19, comments - 104, trackbacks - 0, articles - 6
  博客园 :: 首页 :: 新随笔 :: 联系 :: 管理

公告

AJAX大量数据xml格式提交

Posted on 2007-11-27 11:41 蓝天旭日 阅读(...) 评论(...) 编辑 收藏
 

AjaxGETPOST的两种提交方法,get主要是少量数据的提交,在这里我谈谈用post方法发送大量数据的过程.

此处我将所有内容打包为一个xml文件流,避免了长参数的发送,在服务器端直接载入xml解析,十分方便,数据也没有丢失现象.

下为过程的实现思路:

第一步:创建一个XMLDOM对象,可用如下方法完成

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时发送后锁定表单,直到返回结果.