0

0

javascript 异步页面查询实现代码(asp.net)_javascript技巧

php中文网

php中文网

发布时间:2016-05-16 18:26:16

|

1593人浏览过

|

来源于php中文网

原创

1。 testlist.aspx页面:
复制代码 代码如下:






<script language="Javascript" src="jscript/autoSuggest.js"></script>
<script language="Javascript" src="jscript/ac.js"></script>
function ACClient( queryurl, width, objInput, objLable )
{
this.xmldom = getXmlhttp();
this.queryurl = queryurl;
this.prolist = new Array();
this.divwidth = width;
this.objInput = objInput;
this.getEligible = function(ac) {
var eligible = new Array();
if (ac.inputText.length document.getElementById(objInput.name).value = "";
document.getElementById(objLable.name).value = "";
return eligible;
}
var strURL = this.queryurl + escape(ac.inputText) + "&rand=" + Math.random();
this.xmldom.open("GET", strURL, false);
try {
this.xmldom.send();
}
catch (e) {
return;
}
this.prolist = this.xmldom.responseXML.documentElement.selectNodes("/duxion/object");
if (0 == this.prolist.length) {
return eligible;
}
for (var i = 0; i if (i > 15)
break;
var node = this.prolist.item(i);
eligible[eligible.length] = node.getAttribute("fullcontent");
}
ac.div.style.width = this.divwidth;
return eligible;
};
this.useSuggestion = function( sel )
{
if( sel>=0 )
{
var node = this.prolist.item(sel);
if(typeof(node.getAttribute( "value" )) != "undefined")
document.getElementById(objInput.name).value = node.getAttribute( "value" );
else
document.getElementById(objInput.name).value = "";
if(typeof(node.getAttribute( "content" )) != "undefined")
document.getElementById(objLable.name).value = node.getAttribute( "content" );
else
document.getElementById(objLable.name).value = "";
if (this.objInput.name == "hidfreq_code") {
document.getElementById("txtfreq_name").value = node.getAttribute("Name");
document.getElementById("hidfreq_code").value = node.getAttribute("Code");
}
}
};
return this;
}







    ID="hidfreq_code" runat="server" />




    <script type="text/javascript"> <br>new AutoSuggest(document.getElementById('txtfreq_name'), <br>new ACClient("testXml.aspx?tag=yp_frequency&value=", "200px", document.getElementById('hidfreq_code'), document.getElementById('txtfreq_name'))); <br></script>

    2。 供查询的xml的testxml.aspx.cs文件
    复制代码 代码如下:

    public partial class testXml : BaseForm
    {
    protected void Page_Load(object sender, EventArgs e)
    {
    ListXmlData();
    }
    private string[] arrwidth;
    private string[] arrfield;
    public string fieldlist = "区域Id,区域名,区域编码,区域层次";
    public string coloumwidth = "60,10,20,30";
    //显示xml格式数据
    private void ListXmlData()
    {
    //各字段的宽度
    string strwhere="";
    if (Request["value"] != null)
    {
    strwhere = string.Format(" and Code like '{0}%'", Request["value"].ToString());
    }
    arrfield = fieldlist.Split(',');
    arrwidth = coloumwidth.Split(',');
    DataTable dtList = new Districts().Search("1=1" + strwhere);// dis // SqlHelper.GetTable(subsys_db, CommandType.Text, strsql, null);
    int list_cols = dtList.Columns.Count; //字段数
    int list_rows = dtList.Rows.Count; //记录数
    string listlable = ""; //显示内容
    XmlDocument xmldoc = new XmlDocument();
    XmlDeclaration dec = xmldoc.CreateXmlDeclaration("1.0", "gb2312", null);
    xmldoc.InsertBefore(dec, xmldoc.FirstChild);
    XmlElement root = xmldoc.CreateElement("duxion");
    xmldoc.AppendChild(root);
    //显示表头
    if (list_rows > 0)
    {
    XmlElement objtitle = xmldoc.CreateElement("object");
    for (int k = 0; k {
    listlable += "" + arrfield[k] + "";
    if (k == arrfield.Length - 1)
    break;
    }
    objtitle.SetAttribute("fullcontent", listlable);
    root.AppendChild(objtitle);
    }
    //显示表头
    //显示数据
    for (int i = 0; i {
    listlable = "";
    DataRow drList = dtList.Rows[i];
    XmlElement obj = xmldoc.CreateElement("object");
    for (int j = 0; j {
    obj.SetAttribute(dtList.Columns[j].ColumnName, drList[j].ToString());
    if (j {
    //listlable += "" + GetLeftString(drList[j].ToString(), Convert.ToInt16(arrwidth[j])) + "";
    listlable += "" + formatXmlNode(dtList.Columns[j].DataType.ToString(), drList[j].ToString()) + "";
    }
    }
    obj.SetAttribute("fullcontent", listlable);
    root.AppendChild(obj);
    }
    //显示数据
    //Response.ContentType = "text/xml;charset=utf-8";
    //Response.ContentType = "text/xml;charset=gb2312";
    Response.ContentEncoding = System.Text.Encoding.Default;
    Response.ContentType = "text/xml";
    Response.Clear();
    Response.Write(xmldoc.OuterXml);
    Response.End();
    }
    private string formatXmlNode(string field_type, string field_value)
    {
    string return_value = field_value.Trim();
    switch (field_type)
    {
    case "System.Double":
    case "System.Decimal":
    return_value = string.Format("{0:0.###}", Convert.ToDouble(return_value));
    break;
    }
    return return_value;
    }
    }

    3.效果图:
    javascript 异步页面查询实现代码(asp.net)_javascript技巧
    4。 另外的.js以及.css文件见附件

    相关文章

    java速学教程(入门到精通)
    java速学教程(入门到精通)

    java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

    下载

    相关标签:

    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    热门AI工具

    更多
    DeepSeek
    DeepSeek

    幻方量化公司旗下的开源大模型平台

    豆包大模型
    豆包大模型

    字节跳动自主研发的一系列大型语言模型

    通义千问
    通义千问

    阿里巴巴推出的全能AI助手

    腾讯元宝
    腾讯元宝

    腾讯混元平台推出的AI助手

    文心一言
    文心一言

    文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

    讯飞写作
    讯飞写作

    基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

    即梦AI
    即梦AI

    一站式AI创作平台,免费AI图片和视频生成。

    ChatGPT
    ChatGPT

    最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

    相关专题

    更多
    漫蛙app官网链接入口
    漫蛙app官网链接入口

    漫蛙App官网提供多条稳定入口,包括 https://manwa.me、https

    41

    2026.02.27

    deepseek在线提问
    deepseek在线提问

    本合集汇总了DeepSeek在线提问技巧与免登录使用入口,助你快速上手AI对话、写作、分析等功能。阅读专题下面的文章了解更多详细内容。

    2

    2026.02.27

    AO3官网直接进入
    AO3官网直接进入

    AO3官网最新入口合集,汇总2026年可用官方及镜像链接,助你快速稳定访问Archive of Our Own平台。阅读专题下面的文章了解更多详细内容。

    28

    2026.02.27

    php框架基础教程
    php框架基础教程

    本合集涵盖2026年最新PHP框架入门知识与基础教程,适合初学者快速掌握主流框架核心概念与使用方法。阅读专题下面的文章了解更多详细内容。

    1

    2026.02.27

    php框架怎么用
    php框架怎么用

    本合集专为零基础学习者打造,系统介绍主流PHP框架的安装、配置与基础用法,助你快速入门Web开发。阅读专题下面的文章了解更多详细内容。

    2

    2026.02.27

    无禁词AI聊天软件下载大全
    无禁词AI聊天软件下载大全

    本合集精选多款免费、无违禁词限制的AI聊天软件,支持自定义角色、剧情畅聊,体验真实互动感。阅读专题下面的文章了解更多详细内容。

    6

    2026.02.27

    ai志愿助手2026
    ai志愿助手2026

    本合集汇总了2026年主流AI志愿助手官方入口及官网地址,涵盖圆梦志愿、蝶变志愿等智能填报平台,助你高效精准填志愿。阅读专题下面的文章了解更多详细内容。

    1

    2026.02.27

    高清视频免费观看软件
    高清视频免费观看软件

    精选多款高清视频免费观看软件,涵盖海量电视剧、电影、综艺等资源,支持在线播放、无广告干扰、画质清晰流畅。阅读专题下面的文章了解更多详细内容。

    8

    2026.02.27

    快看漫画地址大全
    快看漫画地址大全

    2026年快看漫画官方入口、APP下载地址及网页版在线阅读地址汇总,涵盖平台最新功能与热门作品推荐。阅读专题下面的文章了解更多详细内容

    1

    2026.02.27

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    React 教程
    React 教程

    共58课时 | 5.5万人学习

    TypeScript 教程
    TypeScript 教程

    共19课时 | 3.2万人学习

    Bootstrap 5教程
    Bootstrap 5教程

    共46课时 | 3.5万人学习

    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送

    Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号