`

使用javaScript 怎么样才能将页面form表单数据存入 xml 文件中~给点提示?

阅读更多
  怎么样用js将页面Form数据写入 xml 文件当中~,不用java后台程序~
  比如说:
  <htmL>
  <body>
   <input type='text' name='name'  id='name'/>
   <input type='pass' name='pass'  id='pass'/>
  <body>
  </html>



  而对应的根目录下面有个 null 的 data.xml文件
 
  如何将页面提交的数据写入 data.xml 呢?
 
  请指点一下~
分享到:
评论
17 楼 sp42 2007-04-24  
fzfx88 写道
哦,看来这样子是行不通的,还得靠后台java程序来完成写入xml的工作。

两贴回复间隔的时间不超过 20秒,
把JAVAEYE当IM来用!!?
--p.s 怀念一下那时, 上不了MSN,和GF回复就通过EMAIL,套嵌数>30
16 楼 fzfx88 2007-04-24  
哦,看来这样子是行不通的,还得靠后台java程序来完成写入xml的工作。
15 楼 sp42 2007-04-24  
另外,一般的AJAX库(据我所知yui/ext)有能将指定form序列化的功能,--这样的话可减轻读取form元素值的麻烦。
14 楼 HexUzHoNG 2007-04-24  
fzfx88 写道
是不是将form表单数据组合成一个xml字符串形式
比如 var text = "<name>hali</name><pass>123456</pass>"
再通过
loadXML($xmlString);
可以直接写到根目录指定的 xml 文件中吗?

好像有些不可思议~


不可以写文件。。。。。
13 楼 sp42 2007-04-24  
fzfx88 写道
难道 javaScript 真的不提供 写入 xml文件的操作吗?
只提供读取吗?

一般不提供写操作。
可以想象,如果在客户端可写的话,是很危险的事情,所以一定要要靠服务器完成
我的思路:自己拼凑XML(如果不是很多的话),然后XHR发送
12 楼 fzfx88 2007-04-24  
FSO 是只有在asp中才会用到,还是只有js就可以了~
11 楼 sp42 2007-04-24  
fcoffee 写道
FSO

朋友应该是从ASP学过来的吧?
10 楼 fcoffee 2007-04-24  
FSO
9 楼 fzfx88 2007-04-24  
难道 javaScript 真的不提供 写入 xml文件的操作吗?
只提供读取吗?
8 楼 fzfx88 2007-04-24  
可以行得通吗?
7 楼 fzfx88 2007-04-24  
是不是将form表单数据组合成一个xml字符串形式
比如 var text = "<name>hali</name><pass>123456</pass>"
再通过
loadXML($xmlString);
可以直接写到根目录指定的 xml 文件中吗?

好像有些不可思议~
6 楼 HexUzHoNG 2007-04-24  
转过头来看下,发现没合楼主要求,发给服务器了。

但你不要第4步,到第3部为止,表单就是一xml object了
5 楼 cozone_柯中 2007-04-24  
为乐安全,js 是不可能操作文件的, 只能读
4 楼 HexUzHoNG 2007-04-24  
代码有标签有问题了?
我明明只写了一个code片段,生成了三个
3 楼 HexUzHoNG 2007-04-24  
1.取from中所有元素,循环取出
  for (i = 0; i < xform.elements.length; i++) {
    var element = xform.elements[i];
  }

2.判断每个元素类型,生成xml字符串
3.取浏览器xml对象,ie下用loadXML($xmlString);一下
4.用xmlhttp将loadXML值send()
2 楼 fzfx88 2007-04-24  
你这个例子好像是读取 xml 文件的。
我这里刚也找了一个读取xml 文件的,不过比较简单!
<html>
<head>
<script type="text/javascript">
	var xmlDoc;
	function loadXML() {
		// code for IE
		if (window.ActiveXObject) {
			  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
			  xmlDoc.async=false;
			  xmlDoc.load("note.xml");
			  getmessage();
	    }
		// code for Mozilla, Firefox, Opera, etc.
		else if (document.implementation && document.implementation.createDocument)  {
			  xmlDoc=document.implementation.createDocument("","",null);
			  xmlDoc.load("note.xml");
			  xmlDoc.onload=getmessage;
		 } else  {
			alert('Your browser cannot handle this script');
		 }
	}
	function getmessage() {
			document.getElementById("to").innerHTML =  xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
			document.getElementById("from").innerHTML = xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
			document.getElementById("message").innerHTML= xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
	}
</script>
</head>
<body onload="loadXML()">
<h1>W3Schools Internal Note</h1>
<p><b>To:</b>
<span id="to"></span><br />
<b>From:</b>
<span id="from"></span><br />
<b>Message:</b> 
<span id="message"></span>
</p>
</body>
</html>


下面的是它读取的 mote.xml 文件:
<?xml version="1.0" encoding="UTF-8"?>
<root>
	<to>huguoqing</to>
	<from>126</from>
	<body>Hello word!</body>
</root
>
我试过,可以行得通
我现在想怎么来将web页面数据写入给 xml 文件?
1 楼 yaohongmei 2007-04-24  
var xml_Dom = document.getElementById('xmlDom').XMLDocument;   
    var xml_FieldNodes=xml_Dom.getElementsByTagName('Field');//得到Field节点集合
    var xml_GroupNodes=xml_Dom.getElementsByTagName('Group');//得到Gruop节点集合。
    var node = xml_Dom.selectSingleNode("//*[@ControlID='"+id+"']");//    @ControlID匹配一个属性值。并找出对应id值的节点。
    var str = node.getAttribute("VarName");//得到属性VarName的值。
    node.setAttribute("OldValue",node.getAttribute('Value'));给OldValue属性赋Value属性的值。
    for(var i=0;i<node.childNodes.length;i++)
    {
        node.childNodes[i];//遍历node节点下的所有子节点
    }
    if (node.tagName=="Field")//判断此节点是否属性Field还是Group.
    {
        //
    }
    node.parentNode.removeChild(node);//删除一个节点。

相关推荐

    JS传大量数据给PHP

    在JS中,我们可以监听表单的提交事件,阻止默认的页面刷新行为,转而使用AJAX(异步JavaScript和XML)来发送POST请求。AJAX允许我们在不刷新整个页面的情况下与服务器进行通信。以下是一个使用jQuery库实现的示例: ...

    文件上传(JAVA WEB)

    5. **FileUpload Interceptor**:Struts2的`fileUpload`拦截器负责解析请求中的文件,并将文件信息存入Action上下文。你需要在struts.xml配置文件中启用这个拦截器。 6. **临时存储**:上传的文件通常首先被保存在...

    将form表单通过ajax实现无刷新提交的简单实例

    在Web开发中,Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下,与服务器交换数据并局部更新页面。这极大地提升了用户体验,因为用户可以继续在页面上进行其他操作,而无需等待整个...

    校园贴图日志相册

    在本项目中,Xstream用于将Blob字段中的图片数据转换成XML格式,便于在页面上展示。通过`Xstream.fromXML()`可以将XML字符串反序列化为Java对象,然后再转换回图片的字节数组,最后通过Base64编码或Data URI方案显示...

    uploadbean1.5.zip 文件上传下载包

    DatabaseUpload.jsp可能展示了如何将上传的文件转换为字节流,然后存入数据库,并在需要时从数据库中读取。 4. **SimpleUpload.jsp**:这可能是最基础的文件上传示例,它可能只包含最基本的文件上传逻辑,适合初学...

    JSP无刷新弹出框 ,注册框源码

    在无刷新弹出框中,JavaScript主要用来监听用户事件(如点击按钮),然后通过AJAX(异步JavaScript和XML)技术向服务器发送请求,获取响应,并更新页面内容,而无需整个页面刷新。 具体实现步骤可能如下: 1. **...

    简易留言板源代码下载

    在这个简易留言板中,JavaScript可能用于处理表单的提交事件,收集用户输入的数据,防止表单重复提交,并动态更新页面以显示新留言。使用`addEventListener`监听事件,`document.getElementById`或`querySelector`...

    struts2登录权限

    以下是对给定文件中涉及的知识点的详细说明: 1. **登录页面(login.jsp)**: - 页面通过`&lt;s:form&gt;`标签定义了表单元素,它与Struts2的Action进行交互。 - `action`属性指定了提交表单时要调用的Action类。 - `...

    图片上传的一个例子,程序简单,结构清晰

    在IT行业中,图片上传是网页应用中常见的功能之一,它涉及到前端交互、后端处理以及数据存储等多个环节。本示例“图片上传的一个例子”提供了一个简单明了的实现方式,利用了JSP(JavaServer Pages)技术以及jsp...

    用ajax实现注册新用户

    在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。本话题将详细讲解如何利用AJAX来实现用户注册功能,...

    留言板样例(可以做为参考)

    在留言板样例中,JavaScript可以实现用户输入验证(比如检查邮箱格式)、表单提交时的异步处理(防止页面刷新),以及可能的实时反馈,如显示留言成功或失败的提示信息。 4. **服务器端编程**:如果留言板需要保存...

    java ajax 用户注册

    在传统的网页开发中,用户提交表单时整个页面需要刷新,而AJAX(Asynchronous JavaScript and XML)允许我们在不刷新整个页面的情况下与服务器进行异步通信,极大地提升了用户体验。 Ajax的核心是XMLHttpRequest...

    jsp注册登陆

    - **数据验证**:使用JSP内置对象`request`获取用户提交的数据,通过JavaScript或Java后端进行有效性验证,如非空检查、格式验证等。 - **存储用户信息**:验证通过后,将数据保存到数据库。这可能涉及SQL查询,...

    struts2无刷新上传图片

    在客户端,使用JavaScript(例如jQuery库)监听文件输入元素的改变事件,当用户选择文件后立即触发Ajax请求,将文件数据发送到服务器。在响应中,服务器可以返回图片的URL或状态信息,前端接收到这些信息后更新页面...

    用jsp实现的一个聊天程序

    为了实现实时性,可以使用JavaScript的AJAX(Asynchronous JavaScript and XML)技术,无需刷新整个页面即可与服务器交换数据并更新部分网页内容。在`script.js`中,创建一个AJAX请求,定期向服务器发送请求,获取...

    ajax上传excel

    Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下实现异步数据交互,结合PHP后端处理,可以创建一个高效且用户体验良好的Excel文件上传功能。下面将详细介绍如何实现“ajax上传excel”...

    播客模块 jsp

    然后,服务器端使用Apache Commons FileUpload库解析请求中的多部分数据,将音频文件保存到服务器的指定位置。同时,记录相关信息(如文件名、上传者、上传时间等)到数据库。 为了实现播客的播放功能,JSP页面需要...

    JS实现表单验证功能(验证手机号是否存在,验证码倒计时)

    此外,表单使用了POST方法进行数据提交,并设置了enctype为multipart/form-data,这通常用于文件上传。表单的action属性被设置为"/",意味着表单提交时的数据将发送到当前服务器的根地址。 2. HTML隐藏字段:表单中...

    Struts1 增删改查+分页

    - **添加(Add)**:用户通过表单提交数据,ActionForm收集这些数据,Action类处理数据,然后调用DAO(Data Access Object)接口将数据存入数据库。 - **删除(Delete)**:通常通过一个ID来确定要删除的数据,...

    Struts2防止重复提交的解决方案

    - 在第一次提交时,将某些关键信息(如表单ID或其他唯一标识符)存入session中。 - 当用户再次尝试提交时,检查session中是否已经存在该信息,如果存在则认为是重复提交。 3. **利用Struts2的内置拦截器**: - ...

Global site tag (gtag.js) - Google Analytics