ajax 用xml传递数据
页面代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="jquery-1.7.2.js"></script>
<script type="text/javascript">
//创建ajax对象
function createXmlHttpRequest() {
if (window.ActiveXObject) {//IE浏览器
return new ActiveXObject("Microsoft.XMLHTTP");
}
else {//其他浏览器
return new XMLHttpRequest();
}
}
onload = function loadTable() {
//设置请求的路径
var url = "GetTable.ashx";
//创建AJAX对象
var xhr = createXmlHttpRequest();
//设置回调函数
xhr.onreadystatechange = function () {
//如果返回成功
if (xhr.readyState == 4 && xhr.status == 200) {
//接受从handler中返回的值
var dom = xhr.responseXML;
//拼写html
var html = "<table><tr><td>编号</td> <td>姓名</td></tr>";
//循环遍历xml
for (var i = 0; i < dom.getElementsByTagName("Student").length; i++) {
var stu = dom.getElementsByTagName("Student")[i]
html += "<tr><td>" + stu.childNodes[0].text + "</td><td>" + stu.childNodes[1].text+"</td></tr>"
}
html += "</table>"
//将得到的html代码放入网页中
document.getElementById("div1").innerHTML = html;
}
}
//初始化XMLGttpRequest组件
xhr.open("GET", url, true);
//发送请求
xhr.send(null);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id ="div1"> </div>
</form>
</body>
</html>
handler代码
<%@ WebHandler Language="C#" Class="GetTable" %> using System;
using System.Web;
using System.Data.SqlClient;
using System.Data;
using System.Xml;
using System.Xml.Serialization;
using System.Text;
using System.Collections.Generic;
using Model;
public class GetTable : IHttpHandler { public void ProcessRequest (HttpContext context) {
//设置相应的格式
context.Response.ContentType = "text/xml";
//编写连接字符串
string conStr = "Data Source=.;Initial Catalog=school;Integrated Security=True";
//创建连接对象
SqlConnection conn = new SqlConnection(conStr);
//编写sql语句
string sqlStr = "select * from student";
//创建适配器对象
SqlDataAdapter adapter = new SqlDataAdapter(sqlStr,conn);
//创建临时表对象
DataTable dt = new DataTable();
//填充表数据
adapter.Fill(dt);
List<Student> stuList = new List<Student>();
//将数据封装成集合
for (int i = 0; i < dt.Rows.Count; i++)
{
stuList.Add(new Student
{
Id = Convert.ToInt32(dt.Rows[i]["id"].ToString()),
Name = dt.Rows[i]["Name"].ToString(),
});
}
if (stuList != null)
{
//创建写入对象
XmlWriter writer = null;
try
{
//创建xml序列化对象
XmlSerializer serializer = new XmlSerializer(stuList.GetType());
//为写入对象添加参数
writer = new XmlTextWriter(context.Response.OutputStream, Encoding.UTF8);
//调用序列化的方法
serializer.Serialize(writer, stuList);
}
catch (Exception)
{ throw;
}
finally
{
if (writer != null)
{
writer.Close();
}
}
}
} public bool IsReusable {
get {
return false;
}
} }
实体类
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text; namespace Model
{
public class Student
{
public int Id { get; set; }
public String UserName { get; set; }
public String Pwd { get; set; }
public string Name { get; set; }
}
}
ajax 用xml传递数据的更多相关文章
- Ajax实现xml文件数据插入数据库（一）--- 构建解析xml文件的js库
Ajax实现将xml文件数据插入数据库的过程所涉及到的内容比较多,所以对于该过程的讲解本人打算根据交互的过程将其分为三个部分,第一部分为构建解析xml文件的javascript库,第二部分为ajax与 ...
- Ajax实现xml文件数据插入数据库（二）--- ajax实现与jsp的数据交互。
在上一篇文章中我们成功得到了重新组织后的数据,接下来需要做的便是将数据插入到数据库中了.在与数据库打交道的过程中有一些方法是普遍的,我们将这些通用方法封装到一个DbUtil类中,以便复用,封装好的Db ...
- Ajax返回xml类型数据
ajax可以返回文本类型数据和xml类型数据,xml是计算机通用语言 可以使用js解析返回xml类型数据的dom对象 前端页面 <!doctype html> <html lang= ...
- OpenCV和Matlab 通过XML传递数据
因为现在下到的数据集大部分都使用了Matlab的Calibration toolbox 进行标定,其结构大部分是.mat结构的,所以它和opencv中数据传递需要一个中间过程,网上也有直接调用matl ...
- 使用XML传递数据
HTML <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF- ...
- UC浏览器中Ajax请求中传递数据的一个坑
今天突然收到一个bug,有用户在其浏览器环境中一直无法提交内容,使用的是UC浏览器.当换成Chrome时,内容能够正常提交.鉴于本地没有一直使用Firefox 以及Chrome,于是去下载了一个UC ...
- MVC中前台如何向后台传递数据------$.get(),$post(),$ajax(),$.getJSON()总结
一.引言 MVC中view向controller传递数据的时候真心是一个挺让人头疼的一件事情.因为原理不是很懂只看一写Dome,按葫芦画瓢只能理解三分吧. 二.解读Jquery个Ajax函数 $.ge ...
- HTML5可预览多图片ajax上传(使用formData传递数据)
HTML5可预览多图片ajax上传(使用formData传递数据) 在介绍上传图片之前,我们简单的来了解下FormData的基本使用:介绍完成后这些基本知识后,我们会在文章最后提供一个demo,就是a ...
- ajax获取后台传递的json数据
最近在使用JQuery的ajax方法时,需要返回的数据为json数据,在success返回中数据处理会根据返回方式不同会采用不同的方式来生成json数据.在$.ajax方法中应该是如何来处理的,简 ...
随机推荐
- java.lang.Thread.State类详解
public static enum Thread.Stateextends Enum<Thread.State>线程状态.线程可以处于下列状态之一: 1.NEW 至今尚未启动的线程的状态 ...
- 【转】Android中removeCallbacks失效原因
原文网址:http://blog.sina.com.cn/s/blog_6714fba70100wtx1.html 在Android开发中会使用Handle的removeCallbacks函数,该函数 ...
- 表格的一些原生js操作（隔行变色，高亮显示，添加删除，搜索）
看着网上的视频教程,虽说还是有点简单,但还是不免想记录下.这些操作包括(隔行变色,高亮显示,添加删除,搜索功能),而这儿就是涉及table的原有属性“tBodies” “rows” “cells”等几 ...
- Erlang入门（一）
读erlang.org上面的Erlang Course四天教程1.数字类型,需要注意两点1)B#Val表示以B进制存储的数字Val,比如 7> 2#101.5 二进制存储的101就是10进制的5 ...
- SharePoint 2010 获取列表中所有数据（包括文件夹内）的方法
转: http://blog.csdn.net/wangwenism/article/details/8751411 SharePoint的列表能存储文件以及文件夹,用户使用的时候,经常会建几个分类文 ...
- 转换时间为 “XX分钟之前”
public static string getTimeAgo(string strDate) { string strTime = string.Empty; if (clsCommon.IsDat ...
- 犯罪构成三层次记忆口诀 zt
犯罪构成三层次记忆口诀 2012-02-17 来源:为你辩护网 浏览次数:232 0 众所周知,犯罪构成“四要件”和犯罪构成“三层次”(“三阶层”)都是分析具体刑事案件的辅助性工具.犯罪构成四要件是指 ...
- 浅析Netty的异步事件驱动（一）
本篇文章着重于浅析一下Netty的事件处理流程,Netty版本为netty-3.6.6.Final. Netty定义了非常丰富的事件类型,代表了网络交互的各个阶段.并且当各个阶段发生时,触发相应的事件 ...
- 让你系统认识flume及安装和使用flume1.5传输数据到hadoop2.2
本文链接: http://www.aboutyun.com/thread-7949-1-1.html 问题导读:1.什么是flume?2.如何安装flume?3.flume的配置文件与其它软件有什么不 ...
- HDU-4671 Backup Plan 构造解
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4671 假设是3 m,首先按照第一列按照1 2 3 1 2 3 1...排下去,然后个数就是一个 (m/ ...