当前位置：首页 > 编程日记 > 正文

Ajax简单示例之改变下拉框动态生成表格

编程日记 2024-11-17 23:20:00

1.建立一个aspx页面，html代码

<title>Untitled Page</title>

var xmlHttp;

function createXMLHttpRequest()

{

if (window.ActiveXObject)

{

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

else if (window.XMLHttpRequest)

{

xmlHttp = new XMLHttpRequest();

}

function startRequest()

{

//debugger;

var ProvinceID=document.getElementById("DropDownList1");

createXMLHttpRequest();

xmlHttp.onreadystatechange = handleStateChange;

xmlHttp.open("GET", "?ProvinceID="+ProvinceID.value, true);

xmlHttp.send(null);

}

function handleStateChange()

{

if(xmlHttp.readyState == 4) //0(未初始化);1(正在装载);2 (装载完毕);3 (交互中);4 (完成)

{

if(xmlHttp.status == 200) //200(OK);404(not found)

{

document.getElementById("gridiv").innerHTML=xmlHttp.responseText;

}

</script>

</head>

<body>

<div>

<asp:DropDownList ID="DropDownList1" runat="server">

</asp:DropDownList>

</div>

</form>

</body>

</html>

2.cs代码

using System.Data.SqlClient;

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

this.DropDownList1.Attributes.Add("onchange", "return startRequest();");

ListProvince();

if (ProvinceID != "")

{

GetCityByProvinceID(ProvinceID);

}

#region property

private string ProvinceID

{

get

{

if (Request["ProvinceID"] != null && Request["ProvinceID"].ToString() != "")

{

return Request["ProvinceID"];

}

else

{

return "";

}

#endregion

#region GetDataSet

private DataSet GetDataSet(string sql)

{

string constring=System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];

SqlDataAdapter sda =new SqlDataAdapter(sql,constring);

DataSet ds=new DataSet();

sda.Fill(ds);

return ds;

}

#endregion

#region GetCityByProvinceID

private void GetCityByProvinceID(string ProvinceID)

{

string connStr = ConfigurationSettings.AppSettings["ConnectionString"];

SqlConnection conn = new SqlConnection(connStr);

string sql = "select * from city where father='" + ProvinceID + "'";

SqlCommand cmd = new SqlCommand(sql, conn);

conn.Open();

SqlDataReader dr = cmd.ExecuteReader();

string s = @"<table cellspacing='0' cellpadding='4' border='0' id='GridView1' style='color:#333333;border-collapse:collapse;'>";

s+="<tr style='color:White;background-color:#990000;font-weight:bold;'>";

s+="<th scope='col'>流水号</th><th scope='col'>代号</th><th scope='col'>城市</th></tr>";

int m = 0;

while (dr.Read())

{

if (m % 2 == 0)

{

s += "<tr style='color:#333333;background-color:#FFFBD6;'>";

}

else

{

s += "<tr style='color:#333333;background-color:White;'>";

}

m++;

s += "<td>" + dr["id"] + "</td>";

s += "<td>" + dr["cityID"] + "</td>";

s += "<td>" + dr["city"] + "</td>";

s += "</tr>";

}

s+="</table>";

dr.Close();

conn.Close();

this.Response.Write(s);

this.Response.End();

}

#endregion

#region ListProvince

private void ListProvince()

{

string sql = "select * from province";

DataSet ds = GetDataSet(sql);

DropDownList1.DataSource = ds;

DropDownList1.DataTextField = "province";

DropDownList1.DataValueField = "provinceID";

DropDownList1.DataBind();

}

#endregion

3.示例数据库下载area1.rar

https://www.dkcj.cn/info/27966.html

for语句内嵌例题与个人理解

例题1:画出一个高度为3的等腰三角形. 编写程序: #include<stdio.h> main() { int a,b,c,h; h3; \\h为高度,赋值常量3. for(a1;a<h;a) …

编程日记2024/11/17 23:10:00

2020百度云秀最新成绩单，AI Cloud活跃客户数同比去年增长65%

12月17日，“ABC SUMMIT 2020百度云智峰会”在北京举行。大会以“智者先行”为主题，百度CTO王海峰展现了518新战略后百度智能云取得的最新成绩和产业智能化成果。“云智一体”成百度智能云独特的竞争力，在各行各业加快规模化落地。本届大会首次…

编程日记2024/11/17 23:00:00

构建之法读后感part6

这个星期看完了构建之法的第六章，看了第六章之后了解到敏捷开发以用户的需求进化为核心，采用迭代、循序渐进的方法进行软件开发。在敏捷开发中，软件项目在构建初期被切分成多个子项目，各个子项目的成果都经过测试，具备…

编程日记2024/11/17 22:50:00

Ajax实现无刷新三联动下拉框

1.html代码<HTML><HEAD><title>Ajax实现无刷新三联动下拉框</title><meta content"Microsoft Visual Studio .NET 7.1"name"GENERATOR"><meta content"C#"name"CODE_LANGUAGE"><meta content&…

编程日记2024/11/17 22:40:00

用算法改造过的植物肉，有兴趣试试么？

来源 | HyperAI超神经责编 | 晋兆雨头图 | CSDN 下载自视觉中国本月初，麦当劳宣布，将于 2021 年推出植物肉全新产品线 McPlant，新品品类将包括汉堡、鸡肉替代品以及早餐三明治。事实上，麦当劳并不是尝试植物基产品的首家快餐店&am…

编程日记2024/11/17 22:30:00

浅谈软件自动化集成测试的流程

浅谈自动化集成测试相信从事软件测试专业的同行很早就知道了自动化的测试技术，也许大家也很想知道具体的软件自动化具体的运行实施过程。本人学识尚欠，目前无法对综合的软件自动化的测试进行阐述，但是本人通过不同的书籍对软件自动化的集成测…

编程日记2024/11/17 22:20:00

web聊天室总结

前言: 最近在写一个聊天室的项目，前端写了挺多的JS(function)，导致有点懵比，出了BUG，也迟迟找不到。所以昨天把写过的代码总结了一下，写成博客。项目背景参考博客: http://www.cnblogs.com/alex3714/articles/533763…

编程日记2024/11/17 22:10:00

概率图论PGM的D-Separation(D分离)

为什么80%的码农都做不了架构师？>>> 本文大部分来自：http://www.zhujun.me/d-separation-separation-d.html 其中找了一些资料发现原文中阻塞（block）中（b）部分有出路，黑体部分修改…

编程日记2024/11/17 22:00:01

CSDN湘苗培优|高起点步入职场，快人一步！

课程了解3个培养阶段结束后，让你具备：解决问题能力、交付能力、有经验。系统基础训练（阶段一）•内容：程序逻辑基础、计算机原理、操作系统工作原理、C语言（掌握内存的分配）、密码学、信息论、概…

编程日记2024/11/17 21:50:00

php与Ajax实例

****************AJAX的学习要有JavaScript、HTML、CSS等基本的Web开发能力**************** [AJAX介绍] Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建…

编程日记2024/11/17 21:40:00

[转]构建基于WCF Restful Service的服务

本文转自：http://www.cnblogs.com/scy251147/p/3566638.html 前言传统的Asmx服务，由于遵循SOAP协议，所以返回内容以xml方式组织。并且客户端需要添加服务端引用才能使用（虽然看到网络上已经提供了这方面的Dynamic Proxy&#xff…

编程日记2024/11/17 21:30:00

Ajax使用初步

Ajax定义为“Asynchronous JavaScript XML”的简称，也就是异步的JavaScript和XML处理。从原理上看，主要是Ajax可以通过调用HttpRequest实现与服务器的异步通讯，并最终在网页中实现丰富友好的用户界面Ajax使用初步，配置步骤1.把Aj…

编程日记2024/11/17 21:20:00

AI化身监工，上班还能摸鱼吗？

来源 | 人民数字FINTECH责编 | 晋兆雨头图 | CSDN 下载自视觉中国俗话说“上班摸鱼一时爽，一直摸鱼一直爽。”上班族这群“时间管理大师们”往往能在上班的时间中挤出一半的时间来摸鱼：在距离上班时间的最后一分钟打卡，午饭时间未到就打开各大…

编程日记2024/11/17 21:10:00

解决“安装程序无法定位现有系统分区,也无法创建新的系统分区”的方法

使用老毛桃PE格式化C盘后安装Win7出现“安装程序无法定位现有系统分区,也无法创建新的系统分区”的错误。本文给出了我遇到该情况的解决办法，亲身经历，绝非抄袭。在网上看了好多办法，都无效。最后竟然用下面的方法成功了： 1. 使用…

编程日记2024/11/17 21:00:00

Linux 上 12 个高效的文本过滤命令

在这篇文章中，我们将会看一些 Linux 中的过滤器命令行工具。过滤器是一个程序，它从标准输入读取数据，在数据上执行操作，然后把结果写到标准输出。因此，它可以用来以强大的方式处理信息，例如重新结构化输出…

编程日记2024/11/17 20:50:00

linux在多核处理器上的负载均衡原理

原文出处：http://donghao.org/uii/ 【原理】现在互联网公司使用的都是多CPU（多核）的服务器了，Linux操作系统会自动把任务分配到不同的处理器上，并尽可能的保持负载均衡。那Linux内核是怎么做到让各个CPU的压力均匀的呢…

编程日记2024/11/17 20:40:00

完全免费，简化版Plotly推出，秒绘各类可视化图表

作者 | Peter来源 | Python编程时光今天给大家推荐一个可视化神器 - Plotly_express ，上手非常的简单，基本所有的图都只要一行代码就能绘出一张非常酷炫的可视化图。以下是这个神器的详细使用方法，文中附含大量的 GIF 动图示例图。环境准备本…

编程日记2024/11/17 20:30:00

Linux 启动过程详解

说明：由于图片太大，上传博客的图片是jpg格式的有点失真，看不清楚，可以双击打开查看，有朋友想看高清，无码，无水印的大图（png格式）请下载附件！转载于:https://b…

编程日记2024/11/17 20:20:00

java web项目优化记录：优化考试系统

考试系统在进行压力測试时发现，并发量高之后出现了button无反应。试题答案不能写到数据库的问题，于是针对这些核心问题，进行了优化。数据库方面： Select语句：Select * from TEB_VB_XZTRecord改为select 必须的列 form…

编程日记2024/11/17 20:10:00

深度学习中的注意力机制（三）

作者 | 蘑菇先生来源 | NewBeeNLP原创出品深度学习Attenion小综述系列：深度学习中的注意力机制（一） 深度学习中的注意力机制（二）目前深度学习中热点之一就是注意力机制（Attention Mechanisms&#xff…

编程日记2024/11/17 20:00:00

程序分析工具gprof介绍

程序分析是以某种语言书写的程序为对象，对其内部的运作流程进行分析。程序分析的目的主要有三点：一是通过程序内部各个模块之间的调用关系，整体上把握程序的运行流程，从而更好地理解程序，从中汲取有价值的内容。二是以…

编程日记2024/11/17 19:50:00

hadoop源码datanode序列图

2019独角兽企业重金招聘Python工程师标准>>> 转载于:https://my.oschina.net/u/572882/blog/134796

编程日记2024/11/17 19:40:00

HDU 2206 IP的计算（字符串处理）

题目链接：http://acm.hdu.edu.cn/showproblem.php?pid2206 Problem Description在网络课程上，我学到了非常多有关IP的知识。IP全称叫网际协议，有时我们又用IP来指代我们的IP网络地址，如今IPV4下用一个32位无符号整数来表示&#…

编程日记2024/11/17 19:30:00

有规律格式化文本文件插入数据库

现有以下文本文件: *理光(深圳)工业发展有限公司(D15)(位于福田区)1.厨师1名;男;30岁以下;高中以上学历;中式烹调师中级以上，需备齐身份证/毕业证/流动人口婚育证明原件及复印件1份.经公司体检不合格者将不予录用，不合格者体检费自理.福利及待遇:工作时…

编程日记2024/11/17 19:20:00

java使用uploadify上传文件

一、简介Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示；可以上传多个文件；详细的使用方法网上有很多，建议到官网参考，这里仅仅展示其使用的效果；官网：www.uploadi…

编程日记2024/11/17 19:10:00

微软亚洲研究院成立OpenNetLab，探索以“数据为中心”AI网络研究新范式！

2020年12月18日，微软亚洲研究院宣布联合清华大学、北京大学、南京大学、兰州大学、新加坡国立大学、首尔国立大学等多所亚洲地区高校，成立OpenNetLab开放网络平台联盟。 OpenNetLab官网地址：https://opennetlab.org/ 通过为研究人员提供通用的…

编程日记2024/11/17 19:00:00

圆角文本框的制作

把border：0px;outline:none;就可以清除边框。然后在外面放一个圆角div，文本框在div内居中的话能够，设置行高和text-align:center。或者也能够在背景图上放文本框。

编程日记2024/11/17 18:50:00

微软收购 GitHub 两年后，大咖共论开源新生态

头图 | CSDN 下载自视觉中国被微软收购两年的GitHub，现在怎么样了？据《 2020 年度 GitHub Octoverse 报告》显示，GitHub 上开发者数量达到 5600 万，新增 6000 万个存储库以及 19 亿个 contribution。GitHub 预计到 2025 年&#x…

编程日记2024/11/17 18:40:00

网页中如何获取客户端系统已安装的所有字体？

如何获取系统字体？1.首先在需要获取系统字体的网页<body>后加入以下代码：<DIV style"LEFT: 0px; POSITION: absolute; TOP: 0px"><OBJECT ID"dlgHelper" CLASSID"clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b&q…

编程日记2024/11/17 18:30:01

Web开发常见的软件架构

Web开发常见的软件架构一、看需求分析，看产品PRD：Product Requirement Document 二、根据PRD和产品原型建数据库表,注意三范式要求,用工具到处数据库关系图，并快速地理清数据库思路三、搭建项目架构，常用三层，自动…

编程日记2024/11/17 18:20:00

相关文章：