精华内容
下载资源
问答
  • <SCRIPT language="javascript"> window.TreeView = new MzTreeView(...我想的是这些节点都从数据库读取出来,然后遍历到不同的位置,关键是从数据库里查询到的集合怎么在js里循环解析呢?????????
  • js 如何实现数据库的增删改查发布于 2016-12-28 19:07:45 | 132 次阅读 | 评论: 0 | 来源: 网友投递JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的...

    js 如何实现对数据库的增删改查

    发布于 2016-12-28 19:07:45 | 132 次阅读 | 评论: 0 | 来源: 网友投递

    JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。

    JavaScript操作数据库JS操作Access数据库,跟其他语言操作差不多,总结了一下习惯代码,需要的朋友可以参考下

    JavaScript操作数据库JS操作Access数据库,跟其他语言操作差不多,总结了一下习惯代码,仅供参考学习。

    现在在F盘有文件abc.mdf,表名为Student,一共2个字段,Id数字类型主键,stuName文本类型,现对该表进行增删改查的操作:

    1.查询

    数据查询

    var conn = new ActiveXObject("ADODB.Connection");

    conn.Open("DBQ=f://abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");

    var rs = new ActiveXObject("ADODB.Recordset");

    var sql="select * from Student";

    rs.open(sql, conn);

    var html="";

    while(!rs.EOF)

    {

    html=html+rs.Fields("Id")+" "+rs.Fields("stuName");

    rs.moveNext();

    }

    document.write(html);

    rs.close();

    rs = null;

    conn.close();

    conn = null;

    2.增加操作

    增加操作

    function addUser(id,stuName)

    {

    //用 JavaScript 写服务器端连接数据库的代码示例

    var conn = new ActiveXObject("ADODB.Connection");

    conn.Open("DBQ=F://abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");

    var sql="insert into Student(ID,stuName) values("+id+",'"+stuName+"')";

    try{

    conn.execute(sql);

    alert("添加成功");

    }

    catch(e){

    document.write(e.description);

    alert("添加失败~~~");

    }

    conn.close();

    }

    编号姓名

    3.删除操作

    删除操作

    function delStu(id)

    {

    var conn = new ActiveXObject("ADODB.Connection");

    conn.Open("DBQ=F://abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");

    var sql="delete from Student where Id=2";

    conn.execute(sql);

    conn.close();

    conn = null;

    alert("修改成功");

    }

    4.修改操作

    修改操作

    function updateUser(userId,userName)

    {

    var conn = new ActiveXObject("ADODB.Connection");

    conn.Open("DBQ=F://abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");

    var rs = new ActiveXObject("ADODB.Recordset");

    var sql="update Student set stuName='" + userName + "' where Id=" + userId + "";

    conn.execute(sql);

    conn.close();

    conn = null;

    alert("修改成功");

    }

    编号姓名

    另外,JS也可以操作SQL Server数据库

    数据库名为:MySchool,表名为Student,StudentId为int类型,自增列,studentName为学生姓名,为varchar类型。数据库用户名为sa,密码是ok,

    SQL数据查询

    var conn = new ActiveXObject("ADODB.Connection");

    conn.Open("Driver={SQL server};Server=.;DataBase=MySchool;UID=sa;Password=ok;");//打开数据库

    var rs = new ActiveXObject("ADODB.Recordset");

    var sql="select * from Student";

    rs.open(sql, conn);

    var html="";

    while(!rs.EOF)

    {

    html=html+rs.Fields("StudentId")+" "+rs.Fields("studentName")+"
    ";

    rs.moveNext();

    }

    document.write(html);

    rs.close();

    rs = null;

    conn.close();

    conn = null;

    相关阅读:

    js 如何实现对数据库的增删改查

    JS对select控件option选项的增删改查示例代码

    JavaScript对Json的增删改属性详解

    浅谈JavaScript中数组的增删改查

    JavaScript针对网页节点的增删改查用法实例

    javascript js 操作数组 增删改查的简单实现

    基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)

    JS如何实现文本框随文本的长度而增长

    javascript实现信息增删改查的方法

    JS来动态的修改url实现对url的增删查改

    通过JS来动态的修改url,实现对url的增删查改

    js中的for如何实现foreach中的遍历

    展开全文
  • JavaScript访问数据库的增删改查 实例参考: http://www.cnblogs.com/ranzige/archive/2014/08/01/3884583.html 详细讲解 JavaScript访问MySQL 1、下载MYSQL的ODBC连接...

    JavaScript访问数据库的增删改查 实例参考:

    http://www.cnblogs.com/ranzige/archive/2014/08/01/3884583.html



    详细讲解

    JavaScript访问MySQL


    1、下载MYSQL的ODBC连接http://www.mysql.com/downloads/connector/odbc/;
    2、在JS中建立ODBC连接如下
    var con = new ActiveXObject("ADODB.Connection");

    con.ConnectionString = "DRIVER={MySQL ODBC 5.1 Driver};OPTION=3;SERVER=127.0.0.1;

    User ID=root;Password=123456;Database=mysql;Port=3306";  

    con.open;
    var rs = new ActiveXObject("ADODB.Recordset");
    rs.open("select * from user", con);
    while (!rs.eof) {
    var u = rs.Fields("User");
    document.write(u);
    rs.moveNext;
    }
    rs.close();
    rs = null; 
    con.close();
    con = null;

    需要注意连接字符串中Driver的名称与安装后的ODBC中的Drivers页中的mysql名称一致即可!

    JavaScript中操作Mysql数据库实例教程

    [js]  view plain  copy
    1. //创建数据库连接对象  
    2. var conn = new ActiveXObject("ADODB.Connection");  
    3. //创建数据集对象  
    4. var rs = new ActiveXObject("ADODB.Recordset");  
    5. try{  
    6. //数据库连接串,具体配置请参考:http://www.connectionstrings.com/  
    7. //如果不知道如何配置连接串,可以通过配置UDL文件后用文本编辑器打开获得  
    8. var connectionstring = "Driver={MySQL ODBC 5.2w Driver};Server=localhost;Database=myDataBase;User=myUsername; Password=myPassword;Option=3;Port=3306";  
    9. //打开连接  
    10. conn.open(connectionstring);  
    11.    
    12. //查询语句  
    13. var sql = " select * from tb_col ";  
    14. //打开数据集(即执行查询语句)  
    15. rs.open(sql,conn);  
    16. (或者rs=conn.execute(sql);)  
    17. //遍历所有记录  
    18. while(!rs.eof){  
    19.  //WScript是Windows 的脚本宿主对象,详细情况请在windows帮助里查找。  
    20.  //WScript.Echo输出记录的内容  
    21.  WScript.Echo(rs.Fields("id") + "\t" + rs.Fields("name") + "\n");  
    22.    
    23.  //下一条记录  
    24.  rs.moveNext();  
    25. }  
    26. //关闭记录集  
    27. rs.close();  
    28. //关闭数据库连接  
    29. conn.close();  
    30. catch(e){  
    31. //异常报告  
    32. WScript.Echo(e.message);  
    33. finally{  
    34. //  
    35. }  


    优缺点分析:

    1.Javascript是客户端浏览器执行的脚本,明文的,"Data Source=tgf; User ID=sa; Password=sasa;",将DB连接字符串明文暴露给客户端

    js文件直接可以再浏览器上下载下来,很不安全,太暴露;数据安全不重要,可以吧;


    2. new ActiveXObject("ADODB.Connection") 是调用客户端现有的ActiveXObject,如果用户没这个ActiveX,或者浏览器安全限制,或者压根不是IE浏览器或者不是WINDOWS系统,就挂了.


    new ActiveXObject("ADODB.Connection")
    要保证客户端有这个东东 (ocx控件),而且还要有权限运行。

    3.另,了解一下node.js比较好

    展开全文
  • XML实现异构数据库间转换的实现与分析类型: XML/Biztalk 收录时间: 2002-4-8 9:20:00XML中一种扩展的标记语言,它具有很好的扩展性标记.本文通过XML实现不同数据库的定义,实现对XML数据库的访问和异构数据库之间的...
    XML实现异构数据库间转换的实现与分析 

    类型: XML/Biztalk 收录时间: 2002-4-8 9:20:00 


    XML中一种扩展的标记语言,它具有很好的扩展性标记.本文通过XML实现不同数据库的定义,实现对XML数据库的访问和异构数据库之间的互访.  
      关键词:XML  异构数据库  信息交换  数据库访问  
    1  引言  
      XML(Extensible  Markup  Language)它是由W3C组织于1998年2月  
    制定的一种通用语言规范,是SGML  的简化子集,专门为  Web  应用程序而设计.XML作为一种可扩展性标记语言,其自描述性使其非常适用于不同应用间的数据交换,而且这种交换是不以预先规定一组数据结构定义为前提.XML最大的优点是它对数据描述和数据传送能力,因此具备很强的开放性.为了使基于XML的业务数据交换成为可能,就必须实现数据库的XML数据存取,并且将XML数据同应用程序集成,进而使之同现有的业务规则相结合.开发基于XML的动态应用,如动态信息发布、动态数据交换等,前提是必须有支持XML的数据库支持.  XML  提供描述不同类型数据的标准格式  --  例如:约会记录、购买定单、数据库记录、图形、声音等  --  并且可一致而正确地解码、管理和显示信息.  XML一开始就建构在Unicode(统一码)之上,提供了对多语种的支持,具有世界通用性.  

    2  XML与数据库的结合  
      XML数据源有多种多样,根据具体的应用,大概可分为下面三种:一种是XML纯文本文档;第二种是关系型数据库;第三种则来源于其他各种应用数据,如邮件、目录清单、商务报告等.其中,第一种来源,即XML纯文本文档是最基本的也是最为简单的,将数据存储于文件中,其最大的优点在于可以直接方便地读取,或者加以样式信息在浏览器中显示,或者通过DOM接口编程同其他应用相连.第二种数据来源是对第一种来源的扩展,目的是便于开发各种动态应用,其优点则在于通过数据库系统对数据进行管理,然后在利用服务器端应用(如ASP、JSP、Servlet)等进行动态存取.这种方式最适合于当前最为流行的基于三层结构的应用开发.第三种数据由于来源广泛,因此需要具体情况具体对待.本文的分析主要针对前两种数据来源进行分析.  
      对于XML文档,可以通过DOM(Document  Object  Model)读取XML文档中的节点,是最基本也是最底层的XML存取技术.  DOM是W3C的一种技术标准,实际上是提供一组API来存取XML数据.  DOM可以通过JavaScript,VBScript等脚本程序来实现,也可通过C++、Java等高级语言来实现.  
      其次,也可通过DSO(Data  Source  Object)进行XML的数据绑定可以方便地将XML节点同HTML标记捆绑,从XML文档中读取或写入数据,就象访问Microsoft  Access或Microsoft  SQL  Server一样;而  HTTP+SQL是Microsoft新近提出的SOAP方案的核心,其基本原理是通过基于HTTP协议的URL方式直接访问SQL  SERVER数据库,并返回以XML或HTML数据格式的文档.  
      XML数据库又分为两种:一种是以XML原始格式存储的数据库我们称为"native-XML数据库";另一种是以XML格式存入和导出,且它本身又是一个数据库,我们称为"XML-enabled数据库".  
    2.1  native-XML数据库  
      对于native-XML数据库的访问,我们可以通过XQL语言来完成.  通过XQL我们可以对一个或多个XML文件进行查询,它返回一个封装在根元素(sql:result)的节点集,这个节点集也是一个XML文件.  
    2.2  XML-enabled数据库  
      因为数据是以XML格式存入和导出,且它本身又是一个数据库,这就涉及到异构数据库间的互访问题.  XML提供了一种连接关系数据库和面向对象数据库以及其他数据库系统之间的访问技术,也就是说我们可以先对关系数据库和面向对象数据库以及其他数据库系统进行访问,然后生成XML文件,再将文件存入数据库或作其他处理.  

    3  使用JSP连接数据库并进行查询生成  XML文档   
      我们有许多方法可做到连接数据库并进行查询,生成  XML文档.以下是通过JSP技术对SQL  Server存储的  XML  文档进行查寻并提取这些文档,然后将其传送给用户.(SQL  Server数据库本身就支持XML格式.对于不支持  XML  的数据库,您可以将  XML  文档存储为字符大对象(CLOB),并以文本块的方式检索文档.)Java语言应用程序的开发者提供了一个通用的SQL数据库访问和存储结构,即JDBC,它是一种用于数据库访问的应用程序编程接口(API),开发者可以通过JDBC产品组件之一JDBC-ODBC桥来完成:与数据库建立连接、发送语句、处理结果等工作.在与数据库建立连接之前,必须将桥驱动程序类sun.jdbc.odbc.JdbcOdbcDriver添加到名为jdbc.drivers的java.lang.System属性中,或用Java类加载器将其显式加载.显式加载代码如下:  
    Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");  
      该驱动程序可用于Oracle、Sybase、等数据库.我们可以用一个简单的例子来说明如何在用JDBC接口来实现数据库的连接,执行一个查询(其结果为一组  XML  文档),分析查询结果,并将分析过的数据写入输出流中.以下是与此关系最密切的代码部分:  
    注意,在安装数据库以后,您需要完成以下三件事情才能使此代码工作:  
    首先,将  DbOwner、DbUserid  和  DbPasswd  变量改为适合系统的适当值.  
    //  一定要正确更改这三个字符串,否则servlet  不会工作.  
    DbUserid  =  "xxxxxx";  
    DbPasswd  =  "xxxxxx";  
    DbOwner  =  "xxxxxx";  
    <!--使用SQL数据库-->  
    <!--首先导入一些必要的packages-->  
    <!--开始导入packages-->  
    <%@  page  info="package  dbxml.sax"%>  
    <%@  page  import="org.xml.sax.*"%>  
    <%@  page  import="org.xml.sax.InputSource"%>  
    <%@  page  info="database  handler"%>  
    <%@  page  import="java.io.*"%>  
    <%@  page  import="java.util.*"%>  
    <%@  page  import="java.sql.*"%>  
    <%@  page  import="javax.servlet.*"%>  
    <%@  page  import="javax.servlet.http.*"%>  
    <!--导入结束-->  
    <%  
    try  
    {  
    res.setContentType("text/xml");  
    //加载使用适合您的系统的驱动程序  
    //下面的代码为加载JDBD-ODBC驱动程序  
    try  
    {  
    Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");  
    }  
    catch  (Exception  e)  
    {  
    System.out.println("Can't  get  the  driver!");  
    e.printStackTrace();  
    }  
    //建立连接  
    //第二步是用适当的驱动程序连接到DBMS,假定已建立源数据库test,在test中已建立表name  
    String  url="jdbc:odbc:test";  
    Connection  con=DriverManager.getConnection(url,  "administrator",  "password");  
    //"administrator","password"是用户名和口令  
    //然后创建一个JDBC声明  
    Statement  stmt  =  con.createStatement();  
    //执行声明,显示结果集。我们从每行取出  XML  文档,  
    //对其进行分析,然后打印  DOM  树。当没有更多的行时,rs.next()  返回false。  
    ResultSet  rs=stmt.executeQuery(SQL);  
    while  (rs.next())  
     {  
    String  nextOrder  =  rs.getString(1).trim();  
    Document  doc  =  null;  
    StringReader  sr  =  new  StringReader(nextOrder);  
    InputSource  iSrc  =  new  InputSource(sr);  
    try  
    {  
    parser.parse(iSrc);  
    doc  =  parser.getDocument();  
    }  
    catch  (Exception  e)  
    {  
    System.err.println("Sorry,  an  error  occurred:  "  +  e);  
    }  

    if  (doc  !=  null)  
    printDOMTree(doc,  out);  
      }  

    rs.close();  
    stmt.close();  
    con.close();  
    %>  
      返回的XML文档可以通过指定的XML模式来定义,三种模式为:RAW、AUTO、EXPLICIT。还可以用SELECT语句中附加FOR  XML来返回XML格式数据作为对XML模式的一种补充,通过在FOR  XML中指定DTD或XML  schema来达到对返回XML文档的格式化.此外我们利用基于XML的UPDATE语句来更新数据库中的记录,SQL  Server支持基于XML的插入、删除、修改等数据库更新操作.  

    4  XML模式与关系模式的相互转换  
      为了完成异构数据库间的通讯,必须实现RDMS→XML→RDMS的转换.一个具体的XML模式到关系模式的数据转换需要涉及较为复杂的XML格式分析处理及相应的数据库操作及有效性校验.我们通过对XML的数据模型与关系模型的特征的比较,认为两者转换的实质是(1)  从XML中的数据(存在方式可以是Content、属性值、元素名等)到关系模式中字段的映射;(2)  从XML中数据的相互位置关系到关系模式中元组与元组的关系及元组与字段的关系的映射.  XML模式与关系模式的转换的核心与实质就是按XPDL编写的转换规则和转换规则的执行解释方法,下面就依次分别介绍从XML模式到关系模式的转换规则的组成部分和执行方法,以及从关系模式到XML模式的转换规则的组成部分和执行方法.从XML模式到关系模式转换的转换规则脚本:由关系模式的定义和XML模式到关系模式转换规则的定义组成;从关系模式到XML模式转换的转换规则脚本:由关系模式的定义和关系模式到XML模式转换规则的定义组成.  
    4.1  XML模式到关系模式转换  
    (1)关系模式定义  
    下面是一个关系模式定义的例子  
    <DataSchemaDefinition>  
    <DataSource  id="iCategoryData"  type="ODBC"  sourcename="iCatSRC"  username="sa"  password=""  />  
    <DataSchema>  
    <Entity  id="category"  datasource="iCategoryData">  
    <Structure>  
    <Field  id="nodeid"  type="char"  length="10"  cannull="no"  primary_key="yes"  />  
    …  
    </Structure>  
    <Constrain>  
    <Reference  field="fathernodeid"  refentity="category"  reffield="nodeid">  
    <ExceptionValue  value="0"  />  
    </Reference>  
    …  
    </Constrain>  
    </Entity>  
    …  
    </DataSchema>  
    </DataSchemaDefinition>  
      一个关系模式的定义分两部分:数据源(Data  Source)定义和实体(包括关系实体)的定义。数据源的定义不外乎ODBC/JDBC/BDE等几种,定义它的目的在于转换程序的跨平台的通用性。实体定义包含两部分:结构定义和约束定义。结构定义类似关系数据库的表定义,包含对每个字段的类型、长度等的定义。约束定义则主要包含对字段的外键和引用的约束定义。  
    (2)XML模式到关系模式转换规则(X2RConversion)的定义  
    XML模式到关系模式的转换的目标,是将某一种XML  Schema定义好的XML文档中的Content部分、属性值部分转换成关系模式中的某个元组的某个字段的值,而将他们之间的位置关系转换成关系模式中的外键等应用关系。  
    <X2RConversion>  
    <Entrance>  
    <Record  entity="category"  id="st_category"  path=".department">  
    <Default  field="fathernodeid"  value="0"  />  
    <Node  path="#id"  field="nodeid"  />  
    …  
    <Reference  field="rootnodeid"  reftype="entity"  refvalue="category[nodeid]"  refpos="0"  />  
    <Record  entity="category"  id="run_category"  path=".department">  
    <Node  path="#id"  field="nodeid"  />  
    …  
    <Reference  field="fathernodeid"  reftype="entity"  refvalue="category[nodeid]"  refpos="-2"  />  
    …  
    </Record>  
    …  
    </Record>  
    </Entrance>  
    </X2RConversion>  
      转换的基本算法是遍历等待转换的XML文档的DOM树,对于每个结点而言,从根到该结点的路径作为其转换标识.每一个转换入口是一个转换标识后缀,当某一转换入口转换标识后缀匹配当前结点的转换标识,则启动当前转换入口对应的转换规则.所有的转换入口都定义在Entrance元素内.每一个转换规则都是由一个Record元素开始的,一个Record元素的下层元素表示了其对应的元组的新记录的创建、数据的转换规则及其关联元组的的新记录的创建、数据的转换规则,也就是说Record元素是可嵌套的.  
      此外,转换还将遵循以下原则:任意两个Record转换实例的转换位置所对应的元素绝不相同,但被Node标定的元素并不受该限制,也就是说在转换算法中只记住每个Record实例的执行位置;而在同层规则执行顺序上,是按Default元素、Node元素、Reference元素、Record元素的次序的,一个次序在后的有效操作是可以覆盖次序在前的有效操作的.  
    4.2  关系模式到XML模式转换  
    (1)关系模式到XML模式的转换规则(R2XConversion)的定义  
      从关系模式到XML模式的转换,实质上是一个将一个预先定义好的视图运行,并将当前视图内容转化成XML格式显示.在具体实现上,我们是将格式和视图定义融合在一起.在关系模式到XML模式的转换中,关系模式定义段中的entity可以对应一个SQL查询语句,也就是使用SQL语句代替原先在id中指明的表名,所有的数据准备基本在关系模式定义段已经完成.下面是一个关系模式到XML模式的转换规则的示例,它的执行是通过深度遍历转换规则,逐个分枝拓展创建,并最终完成整个XML文档DOM树的创建.同样,其中仅支持一条路径扩展出的子树中的相对位置的关联转化,其具体结构与前面类似这里就不赘述.  

    5  结束语  
      目前数据库已不再仅仅局限于存储数据,而是向着更深层次、更多样化发展,它已经广泛运用于OLAP、OLTP、数据仓库、数据挖掘、移动计算、嵌入式计算和Web应用等诸多方面.现在,数据库技术也已经深入到各行各业,尤其在媒体、金融、交通、商业等领域得到了广泛应用.本文则着重讲解了对XML数据库的访问技术和异构数据库之间通过转换成XML实现互访.我们有理由相信,XML同数据库的相结合将随着XML技术的发展,会实现更强大的功能.  

    参  考  文  献  
    [1]  http://www.xmlsoftware.com/  
    [2]  杨钰,卢银娟,赵昊彤等,JSP网络开发技术.人民邮电出版社  
    [4]  http://www.microsoft.com/xml/xsl/msxsl-f.htm  
    [5]  http://www.51xml.com/forum/search_forum_xml.xml  

    [6  ]  Michael  Morrison,et  al.XML揭秘---入门-应用-精通.  清华大学出版社,2000.8 

    本文转自kenty博客园博客,原文链接http://www.cnblogs.com/kentyshang/archive/2007/07/18/822112.html如需转载请自行联系原作者


    kenty

    展开全文
  • #该文件主要实现将txt文件传入mysql数据库 import pymysql import re #变量初始化 con=pymysql.connect( host='localhost', port=3306, user='root', passwd='123456', db='test', charset='utf8', ) def ...
  • 利用JS+XML文档实现数据的动态变更,从而实现Ajax异步传输功能。

    利用JS+XML文档实现数据的动态变更,从而实现Ajax异步传输功能。

    html

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>Untitled Document</title>
            <script type="text/javascript">
    
                window.onload = function(){
    
                    //1. 为 #province 添加 onchange 响应函数
                    document.getElementById("province").onchange = function(){
    
                        //1.1 把 #city 节点除第一个子节点外都移除. 
                        var cityNode = document.getElementById("city");
                        var cityNodeOptions = cityNode.getElementsByTagName("option");
    
                        var len = cityNodeOptions.length;
                        for(var i =1; i < len; i++){
                            cityNode.removeChild(cityNodeOptions[1]);   //每次都删除第二个子节点,保证除了第一个子节点以外都删除掉
                        }
    
                        var provinceVal = this.value;
                        if(provinceVal == ""){
                            return; 
                        }
    
                        //2. 加载 cities.xml 文件. 得到代表给文档的 document 对象
                        var xmlDoc = parseXml("cities.xml");
    
                        //3. 在 cities.xml 文档中查找和选择的省匹配的 province 节点.
    
                        //直接使用 XPath 技术查找 XML 文档中匹配的节点. 
                        var provinceEles = xmlDoc.selectNodes("//province[@name='" 
                                                       + provinceVal + "']")
    
                        //4. 再得到 province 节点的所有的 city 子节点
                        var cityNodes = provinceEles[0].getElementsByTagName("city");
    
                        //5. 遍历 city 子节点, 得到每一个 city 子节点的文本值
                        for(var i = 0; i < cityNodes.length; i++){
                            //6. 利用得到的文本值创建 option 节点
                            //<option>cityName</option>
                            var cityText = cityNodes[i].firstChild.nodeValue;
                            var cityTextNode = document.createTextNode(cityText);
                            var optionNode = document.createElement("option");
                            optionNode.appendChild(cityTextNode);
    
                            //7. 并把 6 创建的 option 节点添加为 #city 的子节点.
                            cityNode.appendChild(optionNode);
                        }
    
                    }
    
                    //js 解析 xml 文档的函数, 只支持 ie
                    function parseXml(fileName){
                        //IE 内核的浏览器
                        if (window.ActiveXObject) {
                            //创建 DOM 解析器
                            var doc = new ActiveXObject("Microsoft.XMLDOM");
                            doc.async = "false";
                            //加载 XML 文档, 获取 XML 文档对象
                            doc.load(fileName);
                            return doc;
                        }
                    }
    
                }
    
            </script>
    
        </head>
        <body>
            <select id="province">
                <option value="">请选择...</option>
                <option value="河北省">河北省</option>
                <option value="辽宁省">辽宁省</option>
                <option value="山东省">山东省</option>
            </select>
    
            <select id="city"><option value="...">请选择...</option></select>
        </body>
    </html>
    

    cities.xml

    <?xml version="1.0" encoding="GB2312"?>
    <china>
    
        <province name="河北省">
            <city>石家庄</city>
            <city>邯郸</city>
            <city>唐山</city>
            <city>张家口</city>
            <city>廊坊</city>
            <city>保定</city>
            <city>承德</city>
        </province>
    
        <province name="辽宁省">
            <city>沈阳</city>
            <city>大连</city>
            <city>鞍山</city>
            <city>抚顺</city>
            <city>铁岭</city>
        </province>
    
        <province name="山东省">
            <city>济南</city>
            <city>青岛</city>
            <city>威海</city>
            <city>烟台</city>
            <city>潍坊</city>
        </province>
    
    
    </china>    

    效果图:
    这里写图片描述

    展开全文
  • XML实现异构数据库间转换的实现与分析 类型: XML/Biztalk 收录时间: 2002-4-8 9:20:00 XML中一种扩展的标记语言,它具有很好的扩展性标记.本文通过XML实现不同数据库的定义,实现对XML数据库的访问和异构数据库之间...
  • JavaScript中操作Mysql数据库实例

    千次阅读 2017-10-16 13:58:22
    Javascript访问MYSQL 1、下载MYSQL的ODBC连接http://www.mysql.com/downloads/connector/odbc/; 2、在JS中建立ODBC连接如下: var con = new ActiveXObject("ADODB.Connection"); con.ConnectionString = ...
  • 思路: ...2、编写控制器上传到数据库的方法,要记着创建模型...3、遍历数据库中的所有图片。 html内容:提交图片方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...
  • JavaScript之后端Web服务器开发Node.JS数据库访问学习篇访问数据库使用Sequelize建立Model 访问数据库 访问数据库 程序运行的时候,数据都是在内存中的。当程序终止的时候,通常都需要将数据保存到磁盘上,无论是...
  • ssm使用富文本框上传图片到数据库并显示到界面

    千次阅读 多人点赞 2020-09-19 22:51:23
    1.下载富文本框插件依赖的js 在线链接 2.引入js到页面 3.加入代码 <script type="text/javascript"> var editor; KindEditor.ready(function(K) { editor = K.create('textarea[name="content"]', {
  • javascript链接mysql数据库实例

    万次阅读 2017-06-15 11:44:02
    //创建数据库连接对象 var conn = new ActiveXObject("ADODB.Connection"); //创建数据集对象 var rs = new ActiveXObject("ADODB.Recordset"); try{ //数据库连接串,具体配置请参考:...
  • JS实现简易多人在线聊天室

    千次阅读 2020-06-19 11:06:40
    4)聊天室可以用web,客户端,或者纯文本方式实现。 5)当用户进入和离开聊天室时,系统会在聊天室里广播。 二、功能实现 1、登录功能: 提前设置一个含有用户名和密码的对象作为数据库,点击登录时通过事件绑定获取...
  • //obj是指input这个文本,调用obj.value才能获得输入的文本框的信息 $("select[name=roomId]").empty(); alert("111222222222222222222222"); //清空  $.ajax({  url:'./SelectRoomAjaxServlet',  type:...
  • 使用javascript调用Ado对象操作数据库

    千次阅读 2007-07-06 12:14:00
    前言无论是b/s还是c/s的开发中,基本上不使用javascript来对数据库进行操作。而我了印证我的一个想法,需要往数据库增加大量的新闻类信息,因此,我想从各个rss站点上获取信息并将信息导入到数据库里去。其实我也...
  • 1:例如在首页中,轮播图片我知道应该是放在服务器的文件夹中,现在的问题是:在首页页面中的img标签中直接写死固定src连接某一个图片地址,还是从数据库获取获取所有轮播图片的地址,然后用标签遍历出来?...
  • 2.编辑 “database.js ”,如下图: 二、查询数据库(写onLoad函数) 此处有两种写法,注意辨析! 第一种,传统写法: 代码: onLoad(){ //固定写法,用于获取当前数据库中goods这个表的实例对象 wx.cloud....
  • 1、获取Excel数据2、对获取到的数据进行分析3、如何将数据插入数据库4、如何校验之后插入数据库,出现异常以什么样的形式反馈给用户以上是实现的基本思路(菜鸟一枚,如有不对请给予指导,谢谢)1、由于每个用户使用...
  • AJAX集成数据库技术 实现实时数据传输 在本文中,我假定你已经初步了解AJAX、MySQL和PHP,或一类似的服务器端语言。如果你还没有创建过XML HTTP Request对象,那么可以先参考我的文章“怎样使用AJAX”。 一、引言 ...
  • 脑洞大开用javascript链接mysql,2个小时总算实现了,用到了odbc,后面又想到用php链接odbc链接数据库,也实现了,就把案例放一下。 注意事项: 1.javascript连接mysql使用的是”new ActiveXObject“这个对象,这...
  • node.js与mysql数据库

    千次阅读 2015-01-30 10:59:20
    网络爬虫与数据库操作 简介 本章将通过一个实例来介绍如何编写一个网络爬虫程序来抓取网页内容,并存储到 MySQL 数据库中,以及定期执行爬虫来更新内容。通过本章内容的学习,读者将掌握以下技能: 发起一...
  •  一直以为JavaScript想和数据库交互必须通过AJAX来调用服务器端代码(C#或JAVA)才行,但最近才发现JavaScript可以直接与数据库进行交互...下面是一个简单的从数据库中调取数据加载到界面的小例子( 有关JS操作数据...
  • 说明:根据前面的知识,我们已经简单实现了离线地图以及根据经纬度单点...1.拿到实际项目应用来说,根据经纬度来进行地图标点,一般情况下都是从后台数据库来拿到数据,前端离线地图再来进行显示标注并弹框,那我们...
  • 遍历TreeView节点(递归算法)  private void g 8h "@Page_Load(object sender,System.EventArgs e)  {  GetAllNodeText(TreeView1.Nodes);  }  void GetAllNodeText(TreeNodeCollection tnc)  {  ...
  • JavaScript实现省市县三级联动效果~~~

    千次阅读 2012-06-20 17:42:59
    JavaScript实现省市县三级联动效果的三种方法: 首先,两个公共文件: dbConn.php:连接数据库 //建立数据库的连接 mysql_connect("localhost","root",""); //选择数据库 mysql_select_db("csdn_db"); //...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 22,371
精华内容 8,948
关键字:

js实现文本遍历数据库