JQuery ajax读取asp.Net 的 json,XML数据
2011-10-20 20:14
519 查看
JQuery ajax读取asp.Net 的 json,XML数据
<title>无标题页</title>
<script src="../JS/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#Button1").click(function(){
$.ajax({
url:'Data.aspx',
type: 'GET',
dataType: 'json',
timeout: 1000,
cache:false,
error:erryFunction,///错误执行方法
success:succFunction///成功执行方法
})
function erryFunction (){
alert("error");
}
function succFunction (tt){
var json = eval(tt);////数组
$.each(json,function(index,item) {///循环获取数据
var name = json[index].Name;
var age =json[index].Age;
$("#ddd").html($("#ddd").html()+"<b>用户名：" + name + " 年龄：" + age + "</b>");
});
}
});
})
</script>
</head>
<body>
<form id="form1" runat="server">
<input type="button" id="Button1" value="点击我" />
<div id="ddd">
</div>
</form>
</body>
</html>
Data.aspx 页面
protected void Page_Load(object sender, EventArgs e)
{
List<Customer> list = new List<Customer>();
Customer c = new Customer();
c.Name = "张三";
c.Age =23;
list.Add(c);
Customer cc = new Customer();
cc.Name = "李四";
cc.Age = 25;
list.Add(cc);
Response.ContentType = "application/json";
Response.Write(new JavaScriptSerializer().Serialize(list));////这个很关键，否则error
Response.End();
}
ajax 读取XML数据
///xml数据
$("#Button2").click(function(){
$.ajax({
url:'DataXML.aspx',
type: 'GET',
dataType: 'xml',
timeout: 1000,
cache:false,
error:erryFunction,
success:succFunction,
beforeSend:bsFunction,
complete:comFunction
})
function erryFunction (){
alert('加载XML文档出错');
}
function succFunction (xml){
//建立一个代码片段
var frag=$("<ul/>");
//遍历所有student节点
$(xml).find("Student").each(function(i){
//获取Name节点
var name=$(this).children("Name")
///获取Age节点
var age=$(this).children("Age")
//获取节点文本
//获取student下的email属性。
//email=$(this).attr("email");
//构造HTML字符串，通过append方法添加进之前建立代码片段
frag.append("<li>"+name.text()+"-"+age.text()+"</li>");
});
alert(frag.html());
//最后得到的frag添加进HTML文档中
frag.appendTo("#Div1");
}
function comFunction(XMLHttpRequest, textStatus){
$(".quick-alert").remove();
}
function bsFunction()
{
$('<div class="quick-alert"></div>')
.insertAfter( $("#Button2") )
.fadeIn('slow')
.animate({opacity: 1.0}, 3000)
.fadeOut('slow', function() {
$(this).remove();
});
}
});
})
'DataXML.aspx' 页面
protected void Page_Load(object sender, EventArgs e)
{
DataSet ds = new DataSet();
DataTable dt = new DataTable();
ds.DataSetName = "Students";
dt.Columns.Add("Name");
dt.Columns.Add("Age");
dt.TableName = "Student";
for (int i = 0; i < 20; i++)
{
DataRow dr = dt.NewRow();
dr["Name"] = "LI" + i;
dr["Age"] = 23 + i % 3;
dt.Rows.Add(dr);
}
ds.Tables.Add(dt);
Response.ContentType = "application/xml";
Response.Write(ds.GetXml());
Response.End();
}
原帖地址：http://djy252.blog.163.com/blog/static/103428383201011924026609/
<title>无标题页</title>
<script src="../JS/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#Button1").click(function(){
$.ajax({
url:'Data.aspx',
type: 'GET',
dataType: 'json',
timeout: 1000,
cache:false,
error:erryFunction,///错误执行方法
success:succFunction///成功执行方法
})
function erryFunction (){
alert("error");
}
function succFunction (tt){
var json = eval(tt);////数组
$.each(json,function(index,item) {///循环获取数据
var name = json[index].Name;
var age =json[index].Age;
$("#ddd").html($("#ddd").html()+"<b>用户名：" + name + " 年龄：" + age + "</b>");
});
}
});
})
</script>
</head>
<body>
<form id="form1" runat="server">
<input type="button" id="Button1" value="点击我" />
<div id="ddd">
</div>
</form>
</body>
</html>
Data.aspx 页面
protected void Page_Load(object sender, EventArgs e)
{
List<Customer> list = new List<Customer>();
Customer c = new Customer();
c.Name = "张三";
c.Age =23;
list.Add(c);
Customer cc = new Customer();
cc.Name = "李四";
cc.Age = 25;
list.Add(cc);
Response.ContentType = "application/json";
Response.Write(new JavaScriptSerializer().Serialize(list));////这个很关键，否则error
Response.End();
}
ajax 读取XML数据
///xml数据
$("#Button2").click(function(){
$.ajax({
url:'DataXML.aspx',
type: 'GET',
dataType: 'xml',
timeout: 1000,
cache:false,
error:erryFunction,
success:succFunction,
beforeSend:bsFunction,
complete:comFunction
})
function erryFunction (){
alert('加载XML文档出错');
}
function succFunction (xml){
//建立一个代码片段
var frag=$("<ul/>");
//遍历所有student节点
$(xml).find("Student").each(function(i){
//获取Name节点
var name=$(this).children("Name")
///获取Age节点
var age=$(this).children("Age")
//获取节点文本
//获取student下的email属性。
//email=$(this).attr("email");
//构造HTML字符串，通过append方法添加进之前建立代码片段
frag.append("<li>"+name.text()+"-"+age.text()+"</li>");
});
alert(frag.html());
//最后得到的frag添加进HTML文档中
frag.appendTo("#Div1");
}
function comFunction(XMLHttpRequest, textStatus){
$(".quick-alert").remove();
}
function bsFunction()
{
$('<div class="quick-alert"></div>')
.insertAfter( $("#Button2") )
.fadeIn('slow')
.animate({opacity: 1.0}, 3000)
.fadeOut('slow', function() {
$(this).remove();
});
}
});
})
'DataXML.aspx' 页面
protected void Page_Load(object sender, EventArgs e)
{
DataSet ds = new DataSet();
DataTable dt = new DataTable();
ds.DataSetName = "Students";
dt.Columns.Add("Name");
dt.Columns.Add("Age");
dt.TableName = "Student";
for (int i = 0; i < 20; i++)
{
DataRow dr = dt.NewRow();
dr["Name"] = "LI" + i;
dr["Age"] = 23 + i % 3;
dt.Rows.Add(dr);
}
ds.Tables.Add(dt);
Response.ContentType = "application/xml";
Response.Write(ds.GetXml());
Response.End();
}
原帖地址：http://djy252.blog.163.com/blog/static/103428383201011924026609/
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- [ASP.net]从数据库中读取数据自动生成XML
- xml + asp.net 实现 xml数据读取到 treeview
- jQuery Ajax 调用 ASP.NET WebServices + (POST)->JSON 数据传递，一种开发高效的模式
- asp.net jquery ajax处理json数据
- asp.net 利用jquery ajax 和json获取数据
- Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
- ASP.NET读取XML某节点所有数据返回DataTable实例
- ASP.NET POST XML JSON数据,发送与接收
- ASP.NET读取XML某节点所有数据返回DataTable实例
- ASP.NET 读取Json格式数据
- Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
- Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
- ASP.NET读取XML某节点所有数据返回DataTable的实例
- asp.net如何读取xml文件中的数据
- asp.net如何读取xml文件中的数据
- 在asp.net中如何用javascript读取本地Xml中的数据到网页中的文本框？
- xml json两种数据格式后台的封装(asp.net)
- 转 asp.net读取数据 并存为xml
- Asp.net中Json数据的转化,读取与应用
- [ASP.net]从数据库中读取数据自动生成XML