zoukankan      html  css  js  c++  java
  • Autocomplete处理XML数据

    用jQuery UI的autocomplete插件来实现文本框自动完成功能。

    页面代码如下:

        <link rel="Stylesheet" href="Scripts/jquery-ui-1.10.3/themes/base/jquery-ui.css" />
        <link rel="Stylesheet" href="Scripts/jquery-ui-1.10.3/themes/base/jquery.ui.autocomplete.css" />
        <script type="text/javascript" src="Scripts/jquery-ui-1.10.3/jquery-1.9.1.js"></script>
        <script type="text/javascript" src="Scripts/jquery-ui-1.10.3/ui/jquery-ui.js"></script>
        <script type="text/javascript" src="Scripts/jquery-ui-1.10.3/ui/jquery.ui.autocomplete.js"></script>
        <script type="text/javascript">
            jQuery(function () {
                jQuery("#iptbook").autocomplete({
                    source: function (request, response) {
                        jQuery.ajax({
                            url: "AutoComplete.aspx",
                            dataType: "xml",
                            data: { key: escape(request.term), ts: new Date().getSeconds() },
                            success: function (data) {
                                response(jQuery("Book", data).map(function () {
                                    return {
                                        value: jQuery("title", this).text(),
                                        title: jQuery("title", this).text()
                                    }
                                }));
                            }
                        });
                    },
                    minLength: 1,
                    select: function (event, ui) {
                        alert(ui.item.title);
                    }
                });
    
            });
        </script>
    
    <input type="text" id="iptbook" name="iptbook" value="" />

    后台代码 输出XML格式数据

        protected override void OnLoad(EventArgs e)
        {
    //简化为直接输出xml
         StringBuilder xml
    = new StringBuilder(); xml.Append("<?xml version="1.0" encoding="gb2312"?>"); xml.Append("<Books>"); xml.Append("<Book><id>1</id><title>C#高级编程</title></Book>"); xml.Append("<Book><id>2</id><title>JavaScript高级程序设计</title></Book>"); xml.Append("</Books>"); Response.Write(xml.ToString()); try { Response.End(); } catch (Exception ex) { } base.OnLoad(e); }

           

  • 相关阅读:
    剑指offer-树的子结构
    剑指offer-二叉搜索树的后序遍历序列
    剑指offer-调整数组顺序使奇数位于偶数前面
    剑指offer-包含min函数的栈
    剑指offer-从上往下打印二叉树
    剑指offer-链表中倒数第k个结点
    剑指offer-合并两个排列的链接
    剑指offer-替换空格
    剑指offer-旋转数组的最小数字
    剑指offer-数字在排序数组中出现的次数
  • 原文地址:https://www.cnblogs.com/CodePastry/p/3536064.html
Copyright © 2011-2022 走看看