ajax笔记 显示出所城市名称 ShowCity.aspx Html代码

最新推荐文章于 2026-06-29 18:01:07 发布
原创 最新推荐文章于 2026-06-29 18:01:07 发布 · 1k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#html #ajax #function #server #div
#asp
本文介绍了一个使用异步调用从服务器获取城市数据并填充到下拉列表中的示例。通过JavaScript实现页面加载时自动触发数据请求，并在请求成功后更新下拉列表选项。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowCity.aspx.cs" Inherits="Ajax_ShowCity" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>调用数据库里的数据</title>
    <script type="text/javascript">
        function LoadListItems()
        {
            StartAsyncCall(null,null);
        }
        function OnServerCallComplete(arg, ctx)
        {
            var idsAndNames = arg.split("~");
            var ids = idsAndNames[0].split("|");
            var names = idsAndNames[1].split("|");
            var htmlCode;
            var ddl = document.getElementById("ddlList");
            for (var i=0; i < ids.length; i++)
            {
                htmlCode = document.createElement('option');
                ddl.options.add(htmlCode);
                htmlCode.text = names[i];
                htmlCode.value = ids[i];
            }
            // Enable our drop down list as it
            // should have some values now.
            ddl.disabled = false;
        }
        function OnServerCallError(err, ctx)
        {
            alert("There was an error processing the request! Error was [" + err + "]");
        }
        function OnDropListSelectChanged()
        {
            var ddl = document.getElementById("ddlList");
            var msg = document.getElementById("msg");
            msg.firstChild.nodeValue=ddl.value;
        }
    </script>
</head>
<body onload="LoadListItems();">
    <form id="form1" runat="server" > 
       <div>
            <select id="ddlList" 
            onchange="OnDropListSelectChanged();" disabled="disabled">
            <option>(加载数据...)</option>
            </select>
          </div>
            <hr />
        <div>
            <label>选择的Value为:&nbsp;</label><span id="msg">{none}</span>
        </div>
    <div>
        <asp:Label ID="lblMessage" runat="server"></asp:Label>
        <asp:GridView ID="GridView1" runat="server">
        </asp:GridView>    
    </div>
    </form>
</body>
</html>

 

ajax笔记 显示出所城市名称 ShowCity.aspx.cs代码
xiaotuni的专栏,每天进步一点点
10-17 931
下面是cs代码using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using Syste
Python使用Pyecharts画Geo地图，如何显示具体地点名称
xywyvonne的博客
12-28 7400
Python使用Pyecharts画Geo地图，显示出来的是经纬度信息，如何显示具体地点名称。 1.安装Pyecharts，Win+R——cmd——pip install Pyecharts 2.安装对应的python模块 根据 pyecharts使用教程 ： 自从 v0.3.2 开始，为了缩减项目本身的体积以及维持 pyecharts 项目的轻量化运行，pyecharts 将不再自带地图 js 文件。如用户需要用到地图图表，可自行安装对应的地图文件包。下面介绍如何安装。 (1)、全球国家地图:
ajax 无刷新实现用户登录
xiaotuni的专栏,每天进步一点点
11-15 2686
 代码如下:// JScript 文件function usersLogon()...{    var userName = document.getElementById("txtuserName").value;    var password = document.getElementById("txtpassword").value;    var checkCode = do
对FreeTextBox赋值及取值的操作
xiaotuni的专栏,每天进步一点点
11-21 2053
   function getFtb()   ...{       var html = FTB_API["FreeTextBox1"].GetHtml();       alert(html);   }//上面是获取FreeTextBox里的值//下面是对 FreeTextBox进行赋值操作   function setFtb()   ...{        var temp = docum
ajax 笔记－－不刷新实现简单的留言版 guestBook
xiaotuni的专栏,每天进步一点点
10-21 1901
下面是guest Book.aspx.cs代码using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebCont
jsMD5 加密（自己认为）
xiaotuni的专栏,每天进步一点点
10-05 1714
/**//* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.1 Copyright (C) Paul Johnston 1999 - 2002. * Other contributor
用ajax 不用刷新页面就可实现国家,省,城市的三级联动
xiaotuni的专栏,每天进步一点点
10-19 1713
如果转帖的话，请注明来源谢谢．using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;u
用document.write 把 1到 10 的乘法打印到页面上.
xiaotuni的专栏,每天进步一点点
10-10 1428
         function documentWrite()        ...{            document.write();            for(var y = 1; y 10 ; y++)            ...{                document.write("");                for(var x = 1; 
ajax 笔记--不用刷新实现数据的分页显示
xiaotuni的专栏,每天进步一点点
10-24 1348
开发环境是VS 2005 + sql 2005首先打开 VS 2005 新建一个网站项目,建立完之后, 添加一个WebForm页面(我这里叫DataGrid_Color.aspx)，在html代码里。我的html里代码如下代码...@ Page Language="C#" AutoEventWireup="true" CodeFile="DataGrid_Color.aspx.cs" In
ajax 笔记--对CheckBoxList的简单操作
xiaotuni的专栏,每天进步一点点
11-12 1113
这个是在窗体一加载的时候就生成一个 checkBoxList .function OnLoad_AllUser()...{    var res = Admin_usersRight.allRightValue();   //返回表中对应的角色说明出来    var roleCommentId;    var rightRole;    var comment;    var info = "
第一次用javascript写了一个不用刷新就能实现－－用户名验证的例子
xiaotuni的专栏,每天进步一点点
10-13 1098
script type="text/javascript" >        var xmlHttp;        function createXMLHttpRequest()        ...{            xmlHttp = false            if(window.XMLHttpRequest)//开始初始化XMLHttpRequest对象//Mozilla
ajax 笔记--不用刷新实现数据的分页显示 2 (下)
xiaotuni的专栏,每天进步一点点
12-22 1054
前面把cs代码全都贴得差不多了,现在也没有多少了在那个moreAticle 又承继 Operator 类,这个类,就是一些常用的,如果反回首行首列值,返回所受影响的行数,返回一个DateSet,DataTable等等.下面是代码.using System;using System.Data;using System.Configuration;using System.Web;usin
ajax 笔记－－调用WebService实现求两数之和
xiaotuni的专栏,每天进步一点点
10-14 1026
        script type="text/javascript">        var xmlHttp;        function createXMLHttpRequest()        ...{            xmlHttp = false                        if(window.XMLHttpRequest)//开始初始化XMLHtt
ajax 笔记--不用刷新实现数据的分页显示 2 (上)
xiaotuni的专栏,每天进步一点点
12-22 899
由于文章的数量小所以我一页就只让它显示出三条记录,你可以跟据代码设置,当然为了灵活起见,你可把这个放到显示几条记录的值存入数据库当中,以后想设成多少页这也挺方便的.(图1)(图2)以前写的那个用 ajax  实现无刷新分页可那时有点问题,那就是在下面没有固定显示哪些几页,而是一下子,把所有文章分页之后的页码全都显示出来了.如果有五十页的话,那就会有1~50这些页显示在那里而我们
处理XML文档的DOM元素属性和方法
xiaotuni的专栏,每天进步一点点
10-04 842
属性名 描述 childNodes 返回当前元素所有子元素的数组
如何将 HTML 转换为可编辑的 Word 文档（无需安装软件）
最新发布
2501_93070778的博客
06-29 71
HTML（HyperText Markup Language，超文本标记语言）是构建网页和 Web 应用的标准标记语言。它通过标题、段落、超链接、表格等标签来定义网页内容的结构和布局，常见的文件扩展名为.html和.htm。开发者通常使用 HTML 来创建网页、产品展示页面、在线文档等。如果你曾经保存过网页，或者从某些 Web 系统中导出过页面内容，那么获得的很可能就是 HTML 文件。需要注意的是，HTML 文件主要用于浏览器展示，并不是专门为文档编辑设计的。
HTML 的 ＜blockquote＞ 元素
IMPYLH的博客
06-25 559
是一个块级元素，用于定义一段从其他来源引用的独立内容区块。浏览器通常会将 <blockquote>内的文本进行缩进显示，以视觉上区别于普通段落，明确其引用属性。从语义上讲，使用 <blockquote>明确告知浏览器、辅助技术（如屏幕阅读器）和搜索引擎：此段内容源自他处，并非页面作者的原创论述。语义优先：当内容确实是引用时，才使用 <blockquote>。始终添加cite属性：提供原始来源的 URL。提供可见出处：使用 <cite>元素或在 footer中标注作者/来源。
非结构化数据清洗实战：从 HTML 到干净 JSON 的完整管道
weixin_41943766的博客
06-29 141
本文系统介绍了从HTML网页到结构化JSON数据的完整清洗流程。针对HTML内容冗余、格式混乱等问题，提出五阶段处理管道：1)HTML预清洗移除无效标签；2)使用readability-lxml算法提取正文；3)精细化提取关键字段；4)数据规范化清洗；5)JSON序列化与校验。文章提供了Python实现代码，覆盖编码处理、正文提取、时间解析等核心环节，并给出工程化优化建议，包括异步处理、容错机制和质量监控。该方案平衡了通用性与准确性，可直接应用于爬虫、舆情分析等场景，也可扩展为企业级数据处理基础设施。
HTML 的 ＜body＞ 元素
IMPYLH的博客
06-26 370
body>元素是 HTML 文档中承载所有可见内容的容器，虽然它看起来简单，但正确使用它对于构建可维护、可访问的网页至关重要。核心要点回顾<body>包含所有可见内容，一个文档只能有一个。使用 CSS 替代已废弃的 body 属性（如bgcolortext推荐使用替代内联事件属性。利用 idclass和 data-*属性为 body 赋予语义和功能。结合语义化标签（header、main、footer等）构建清晰的结构。掌握 <body>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值