博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ajax基础应用入门01
阅读量:5010 次
发布时间:2019-06-12

本文共 2625 字,大约阅读时间需要 8 分钟。

1、新建一个“Asp.NET 空应用程序”,并添加一个web窗体;

2、在web窗体前台页面中添加两个div(以查询的方式验证ajax的效果);

(1).在第一个div中拖入一个label控件,将其属性名称改为“ID”;一个textbox控件“txtStudentID” ;一个按钮,属性名:查询;

(2).在第二个div中拖入两个label控件,第一个属性名改为学生姓名,第二个用于显示查询结果,ID改为lblStudentName;

3、双击“查询”按钮进入后台添加后台代码:

View Code
1  protected void btnDemand_Click(object sender, EventArgs e)  2         {
3 using (SqlConnection conn = new SqlConnection()) 4 {
5 string conStr = @"Data Source=.\SQLEXPRESS;Initial Catalog=CRM;Persist Security Info=True;User ID=sa;Password=sa"; 6 conn.ConnectionString = conStr; 7 try 8 {
9 conn.Open(); 10 } 11 catch 12 {
13 return; 14 } 15 SqlCommand cmd = new SqlCommand(); 16 cmd.Connection = conn; 17 string sql = string.Format("select name from customer where ID='{0}' ", txtStudentID.Text); 18 cmd.CommandText = sql; 19 SqlDataReader dr = cmd.ExecuteReader();//SqlDataReader提供一种从SQLServer数据库中读取行的至今流的方式; 20 if (dr.Read()) 21 {
22 lblStudentName.Text = dr[0].ToString(); 23 24 } 25 dr.Close();//关闭SqldataReader; 26 } 27 }

4、执行查询;

5、在前台的最顶端拖入一个ScriptManager 控件(工具箱的AJAX Extensions中)一个UpdatePannel控件;并将两个div放进UpdatePannel控件的<ContentTemplate></ContentTemplate>中。(为了增加效果的明显度,在页面中可增加一个框架如: <iframe src="" width="1000" height="400"></iframe> )

6、再次运行,可发现当输入不同的ID 获取不同结果(局部刷新)的时候,下面的框架内容并为随之刷新,这就是使用ajax的不同之处;

View Code
1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApp_ajax.WebForm1" %>  2  3   4   5   6       7   8   9     
10
11
<%--它用来处理页面上的所有组件以及页面局部更新,生成相关的客户端代理脚本以便能够在JavaScript中访问Web Service, 12 所有需要支持ASP.NET AJAX的ASP.NET页面上有且只能有一个ScriptManager控件。在ScriptManager控件中我们可以指定需要的脚本库, 13 或者指定通过JS来调用的Web Service,以及调用AuthenticationService和ProfileService,还有页面错误处理等。[ɔ:,θenti'keiʃən]验证--%> 14
15
16
17
18
19
20
21
22
23  
24
25 26
27
28
29
30 31

 

转载于:https://www.cnblogs.com/Shang0109/archive/2012/03/26/2417462.html

你可能感兴趣的文章
安装pandas报错(AttributeError: 'module' object has no attribute 'main')
查看>>
ch02 fundamental definition 01
查看>>
JSON解析
查看>>
Position is everything?(css定位学习的一些心得)(一)
查看>>
如何提高编程水平
查看>>
Jquery Uploadify3.21.与2.1版本 使用中存在的问题--记录三
查看>>
Linux查看进程的内存占用情况 分类: ubuntu ...
查看>>
[BZOJ 2818]Gcd
查看>>
FORM值传递与地址传递
查看>>
(译)yaml快速教程
查看>>
C:大数相加
查看>>
160. Intersection of Two Linked Lists
查看>>
人生苦短,我用python-- Day11
查看>>
JAVA Bean
查看>>
ehcache memcache redis 三大缓存男高音_转
查看>>
curd_3
查看>>
百度地图API示例之设置地图显示范围
查看>>
Java构造方法、重载及垃圾回收
查看>>
.Net Core AES加密解密
查看>>
Spring Quartz实现任务调度
查看>>