开发者社区> 吞吞吐吐的> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Ajax实现异步操作实例_针对XML格式的请求数据

简介:
+关注继续查看

js分类中有一节【原生js异步请求,XML解析】主要说明了js前台是如何处理XML格式请求和如何接受由服务器返回的XML数据的解析,今天我将用一个实例来说明具体要如何操作.

前台的参数类型也是XML使用的是jquery:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
    function test(){
    var xmlString ="<bookstore>"+
                    "<book Type='必修课' ISBN='7-111-19149-2'>"+
                    "<title>数据结构</title>"+
                    "<author>严蔚敏</author>"+
                    "<price>30.00</price>"+
                    "</book></bookstore>";
 
    $.ajax({
    type: "post",
    url: "Hand/Ajax.ashx",
    data: "strxml="+xmlString,
    datatype:"xml",
    success: function(xml){
        //根据resultText更新页面
        alert("success");
        alert($(xml).find('Table1').find('title').text());
    },
    error:function(XMLResponse){alert(XMLResponse.responseText)}
});
}

  前台出入的是XML格式的参数,后台该如何操作呢?这个有针对XML读写,这里就简单的说明一下:

1
2
XmlDocument xdoc = new XmlDocument();<br>//xml字符串操作
xdoc.LoadXml(strxml);//读取xml字符串strxml
// Add a price element.添加一个节点
   XmlElement newElem = doc.CreateElement("price");
   newElem.InnerText = "10.95";
   doc.DocumentElement.AppendChild(newElem);//添加一个节点
1
xdoc.Load(fileName);//读取xml文件fileName是文件的路径

  以上简单说明LoadXml和Load简单用法,这里就不做详细说明。下面是后台处理前台的xml格式的参数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 得到根节点bookstore
XmlNode xn = xdoc.SelectSingleNode("bookstore");
// 得到根节点的所有子节点
XmlNodeList xnl = xn.ChildNodes;
// 将节点转换为元素,便于得到节点的属性值
XmlElement xe = (XmlElement)(xnl.Item(0));
// 得到Type和ISBN两个属性的属性值
string bookISBN = xe.GetAttribute("ISBN").ToString();
string bookType = xe.GetAttribute("Type").ToString();
// 得到Book节点的所有子节点
XmlNodeList xnl0 = xe.ChildNodes;
string bookName = xnl0.Item(0).InnerText;
string bookAuthor = xnl0.Item(1).InnerText;
double bookPrice = Convert.ToDouble(xnl0.Item(2).InnerText);

  后台处理之后,返回xml格式的数据,当然这个前提context.Response.ContentType = "text/xml";

1
2
3
4
DataSet ds = new DataSet();
ds = GetList();
context.Response.Clear();
context.Response.Write(ds.GetXml()); 

  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
private DataSet GetList()
{
    DataSet ds = new DataSet();
    DataTable dt = new     DataTable();
    dt.Columns.Add("title");
    dt.Columns.Add("author");
    dt.Columns.Add("price");
    DataRow dr = dt.NewRow();
    dr["title"] = "book1";
    dr["author"] = "matest";
    dr["price"] = 30.01;
    dt.Rows.Add(dr);
    ds.Tables.Add(dt);
    return ds;
}

这个是jQuery+Ajax+xml的应用


本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/p/4642722.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.4 技巧:使用AJAX加载外部页面
不同之处在于jQuery Mobile处理链接的方式。当链接地址指向的域和当前页面的域相同,默认是使用AJAX请求加载的。可以通过特定的设置关掉这个功能,稍后本章会有演示。另外,如果链接地址指向了不同的域,则将和普通网站的链接一样对待。
1160 0
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.6 技巧:不使用AJAX而链接至外部页面
默认情况下,jQuery Mobile会将所有的链接转换成AJAX请求,只要它们指向的文件在同一个域中。然而,可能会有想避免这种行为的情况。比如,你可能在自己的网站的某部分使用了不同的移动端JavaScript框架,在尝试用AJAX加载时产生了冲突。
1265 0
ajax简介(异步与同步)|学习笔记
快速学习ajax简介(异步与同步)
0 0
ajax简介(异步与同步)|学习笔记
快速学习ajax简介(异步与同步)
0 0
jQuery Ajax 简单的实现跨域请求
jQuery Ajax 简单的实现跨域请求
0 0
ajax简介(异步与同步)|学习笔记
快速学习ajax简介(异步与同步)
0 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载