Form 表单的 XML 化（Javascript）

如何从一个 HTML 表单生成对应的 XML 呢？在我们为应用程序创建一个简单的 Web 服务接口的时候可能会用到它，来看看这个函数：

/*设置一个命名空间防止冲突*/ if  ( typeof  jscript == 'undefined' ) {    jscript = function () { } } jscript.form = function () { }   /**   * This function takes an HTML form and constructs an XML document from it,   * using the specified root element.   *（这个函数把 HTML 表单中的信息转换为 XML document）   * @param  inForm        A reference ot the HTML form object to serialize.   * @param  inRootElement The root element the XML dccument should use.   * @return               A string of XML constructed from serializing the   *                       specified form.（此参数为 XML document 的根元素）   */ jscript.form.formToXML = function (inForm, inRootElement) {      if  (inForm == null ) {      return  null ;    }    if  (inRootElement == null ) {      return  null ;    }    var  outXML = "<"  + inRootElement + ">" ;    var  i; /*开始处理*/    for  (i = 0; i < inForm.length; i++) {      var  ofe = inForm[i];      var  ofeType = ofe.type.toUpperCase();      var  ofeName = ofe.name;      var  ofeValue = ofe.value;      /*处理不同的 input 框及 select 和 textarea，"SELECT-ONE" 为单选模式*/      if  (ofeType == "TEXT"  || ofeType == "HIDDEN"  ||        ofeType == "PASSWORD"  || ofeType == "SELECT-ONE"  ||        ofeType == "TEXTAREA" ) {        outXML += "<"  + ofeName + ">"  + ofeValue + "</"  + ofeName + ">"      }      /*处理 select 的多选（multiple）模式*/      if (ofeType == "SELECT-MULTIPLE" ){          outXML += "<"  + ofeName + ">" ;          for (j = 0; j < ofe.options.length; j ++){              outXML += "<option"  + (j + 1) + ">" ;              outXML += "<text>"  + ofe.options[j].innerHTML + "</text>" ;              outXML += "<value>"  + ofe.options[j].value + "</value>" ;              outXML += "</option"  + (j + 1) + ">" ;          }          outXML += "</"  + ofeName + ">" ;      }      /*处理单选框（radio）*/      if  (ofeType == "RADIO"  && ofe.checked == true ) {        outXML += "<"  + ofeName + ">"  + ofeValue + "</"  + ofeName + ">"      }      /*处理多选框*/      if  (ofeType == "CHECKBOX" ) {        if  (ofe.checked == true ) {          cbval = "true" ;        } else  {          cbval = "false" ;        }        outXML = outXML + "<"  + ofeName + ">"  + cbval + "</"  + ofeName + ">"        }      outXML += "" ;    }    outXML += "</"  + inRootElement + ">" ;    return  outXML;   } // End formToXML().

来看一个表单，试试这个函数的效果：

< form  id="testForm">      < input  type="text" name="firstName" value="Jack">< br >      < input  type="text" name="lastName" value="Redd">< br >      < select  multiple id="numComputers" name="numComputers">        < option  value="1">I own one computer</ option >        < option  value="2">I own two computers</ option >        < option  value="2+">I own two or more computers</ option >      </ select > </ form >

通过表单元素来调用函数：

jscript.form.formToXML(document.getElementById( 'testForm' ), 'Person' )

来看看它的处理结果：

< Person >      < firstName >Jack</ firstName >      < lastName >Redd</ lastName >      < numComputers >          < option1 >              < text >I own one computer</ text >              < value >1</ value >          </ option1 >          < option2 >              < text >I own two computers</ text >              < value >2</ value >          </ option2 >          < option3 >              < text >I own two or more computers</ text >              < value >2+</ value >          </ option3 >      </ numComputers > </ Person >

具体生成什么格式的 XML 信息要看应用程序的要求，然后通过修改函数来达到目的，这只是一个示例。:->

转载于:https://www.cnblogs.com/jin-talk/p/5648810.html