是对WEB页面的XML数据的进行 *** 作？
是对传递来的XML数据进行 *** 作？
是对本地硬盘的XML文件进行 *** 作？
提供个思路：
通过jquery的$.ajax()请求该xml资源，里面参数dataType:xml，如此，即可在本地js代码上遍历此xml文档。把文件显示于页面。做了修改，删除 *** 作后，把数据用JSON方式传递到后台，进行文件读写 *** 作。
$.ajax({
url : rootPath + "/userInfo.do?method=saveSetting&columnIds=。。。",
dataType : "json",
success : function(response) {
if (response) {
alert("保存成功")
}
else
alert("保存失败" )
}
}
})
一、xml文件\内容读取 1、读取xml文件 $.get( xmlfile.xml , function (xml){ //xml即为可以读取使用的内容，具体读取见第2点 })2、读取xml内容 如果读取的xml是来于xml文件，这结合上面的那点，处理如下 $.get( xmlfile.xml , function (xml){ $(xml). fi
一、xml文件\内容读取
1、读取xml文件
$.get("xmlfile.xml",function(xml){
//xml即为可以读取使用的内容，具体读取见第2点
})
2、读取xml内容
如果读取的xml是来于xml文件，这结合上面的那点，处理如下
$.get("xmlfile.xml",function(xml){
$(xml).find("item").length
})
如果读取的是xml字符串，则要注意一点，xml字符串的必然被”<xml>”和”</xml>”包围才可以被解析
$("<xml><root><item></item></root></xml>").find("item").length二、解析xml内容示例xml：<?xml version="1.0" encoding="utf-8" ?><fields>
<field Name="Name1">
<fieldname>dsname</fieldname>
<datatype>字符</datatype>
</field>
<field Name="Name2">
<fieldname>dstype</fieldname>
<datatype>字符</datatype>
</field></fields>以下是解析示例代码$(xml).find("field").each(function() {
var field = $(this)
var fName = field.attr("Name")//读取节点属性
var dataType = field.find("datatype").text()//读取子节点的值
})
可以，和数据库查询是一样的。private string filePath
/// <summary>
/// 文件导入路径
/// </summary>
public string FilePath { private get { return filePath} set { filePath = value} }
public virtual DataSet DataByExcel(string tableName)
{
if (filePath == null || filePath == "")
{
throw new ArgumentNullException("filename string is null!")
}
DataSet ds = new DataSet()
try
{
//设置数据库连接字符串
string oleDBConnString = string.Format(OleDBConnString, filePath)
using (OleDbConnection oleDBConn = new OleDbConnection(oleDBConnString))
{
OleDbDataAdapter oleAdMaster = null
DataTable m_tableName = new DataTable()
oleDBConn.Open()
//设置表架构
m_tableName = oleDBConn.GetOleDbSchemaTable(OleDbSchemaGuid.Tables, null)
if (string.IsNullOrEmpty(tableName))
{
if (m_tableName != null &&m_tableName.Rows.Count >0)
//获取表名
m_tableName.TableName = m_tableName.Rows[0]["TABLE_NAME"].ToString()
else
throw new ArgumentNullException("Excel data is Empty!")
}
else
m_tableName.TableName = tableName + "$"
string sqlMaster = " SELECT * FROM [" + m_tableName + "]" //设置查询语句
oleAdMaster = new OleDbDataAdapter(sqlMaster, oleDBConn)
oleAdMaster.Fill(ds) //填充DataSet数据集
}
}
catch (Exception ex)
{
throw ex
}
return ds
}
本文为大家介绍下使用js及jquery实现动态的文件上传 *** 作按钮的添加和删除，具体示例如下，希望对大家有所帮助javascript实现
代码如下:
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html
charset=utf-8"
/>
<title>jquery文件上传</title>
<script
type="text/javascript"
src="jquery-1.7.2.js"></script>
<script
type="text/javascript">
var
addMore
=
function()
{
var
div
=
document.getElementById("div2")
var
br
=
document.createElement("br")
var
input
=
document.createElement("input")
var
button
=
document.createElement("input")
input.setAttribute("type",
"file")
button.setAttribute("type",
"button")
button.setAttribute("value",
"Remove")
button.onclick
=
function()
{
div.removeChild(br)
div.removeChild(input)
div.removeChild(button)
}
div.appendChild(br)
div.appendChild(input)
div.appendChild(button)
}
//节点的移动
//$(function(){
//})
</script>
</head>
<body>
<div
id="div1">
<input
type="file"
id="upload"/>
<input
type="button"
id="btn"
value="more"
onclick="addMore()"/>
</div>
<div
id="div2"></div>
</body>
</html>
jquery实现
代码如下:
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html
charset=utf-8"
/>
<title>jquery文件上传</title>
<title>jquery1</title>
<script
type="text/javascript"
src="jquery-1.7.2.js"></script>
<script
type="text/javascript">
/**
var
addMore
=
function()
{
var
div
=
document.getElementById("div2")
var
br
=
document.createElement("br")
var
input
=
document.createElement("input")
var
button
=
document.createElement("input")
input.setAttribute("type",
"file")
button.setAttribute("type",
"button")
button.setAttribute("value",
"Remove")
button.onclick
=
function()
{
div.removeChild(br)
div.removeChild(input)
div.removeChild(button)
}
div.appendChild(br)
div.appendChild(input)
div.appendChild(button)
}**/
//jquery实现文件上传的按钮添加和删除
$(function(){
$("input[type=button]").click(function(){
var
br
=
$("<br>")
var
input
=
$("<input
type='file'/>")
var
button
=
$("<input
type='button'
value='Remove'/>")
$("#div1").append(br).append(input).append(button)
button.click(function()
{
br.remove()
input.remove()
button.remove()
})
})
})
</script>
</head>
<body>
<div
id="div1">
<input
type="file"
id="upload"/>
<input
type="button"
id="btn"
value="more"
onclick="addMore()"/>
</div>
<div
id="div2"></div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）