Jquery+ajax请求data显示在GridView上(asp.net)


Posted in Javascript onAugust 27, 2010

AJAXLoadProgressForm.aspx:

<script src="JS/jquery-1.4.2.js" type="text/javascript"></script> 
<script type="text/javascript"> 
function ShowProgressDiv() { 
var ID = $("input#idtxt").val(); 
$.ajax({ 
type: "GET", 
url: "GetGridViewByConditionForm.aspx", 
data: "id=" + ID, 
beforeSend: function() { 
$("div#ProgressDiv").css("display", "block"); 
}, 
success: function(msg) { 
$("div#ShowSearchResult").html(msg); 
}, 
complete: function() { 
$("div#ProgressDiv").css("display", "none"); ; 
} 
}); 
} 
</script> 
<form id="form1" runat="server"> 
<div> 
<input type="text" id="idtxt" name="idtxt" /> 
<input type="button" id="LoadBtn" value="LoadDataGridView" onclick="ShowProgressDiv()" /> 
</div> 
<div id="ProgressDiv" style="display:none"> 
<img alt="Loading" src="Images/ajax-loader.gif" />Loading...... 
</div> 
<div id="ShowSearchResult"> 
</div> 
</form>

GetGridViewByConditionForm.aspx:
protected void Page_Load(object sender, EventArgs e) 
{ 
if (Request["id"] != null) 
{ 
SqlConnection conn=null; 
SqlCommand cmd = null; 
SqlDataAdapter adapter = null; 
try 
{ 
conn = new SqlConnection(); 
conn.ConnectionString = ConfigurationManager.ConnectionStrings["NorthwindConnectionString"].ConnectionString; 
conn.Open(); 
cmd = new SqlCommand(); 
cmd.Connection = conn; 
cmd.CommandType = CommandType.Text; 
String cmdStr = "select * from dbo.Customers"; 
if (Request["id"].ToString()!=String.Empty) 
{ 
cmdStr += " where CustomerID= '" + Request["id"].ToString() + "'"; 
} 
cmd.CommandText = cmdStr; 
adapter = new SqlDataAdapter(cmd); 
DataSet ds = new DataSet(); 
adapter.Fill(ds); 
this.gvData.DataSource = ds; 
this.gvData.DataBind(); 
} 
catch 
{ 
Response.Write("Error happend!"); 
Response.Flush(); 
Response.End(); 
} 
finally 
{ 
if (adapter != null) 
{ 
adapter.Dispose(); 
} 
if (cmd != null) 
{ 
cmd.Dispose(); 
} 
if ((conn != null) && (conn.State == ConnectionState.Open)) 
{ 
conn.Close(); 
} 
} 
} 
}
Javascript 相关文章推荐
javascript 动态添加事件代码
Nov 30 Javascript
JQuery将文本转化成JSON对象需要注意的问题
May 09 Javascript
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
JS页面延迟执行一些方法(整理)
Nov 11 Javascript
js使用eval解析json(js中使用json)
Jan 17 Javascript
js实现仿京东2级菜单效果(带延时功能)
Aug 27 Javascript
详解Vue中添加过渡效果
Mar 20 Javascript
ajaxfileupload.js实现上传文件功能
Apr 19 Javascript
express启用https使用小记
May 21 Javascript
小程序两种滚动公告栏的实现方法
Sep 17 Javascript
ElementUI 修改默认样式的几种办法(小结)
Jul 29 Javascript
vue addRoutes路由动态加载操作
Aug 04 Javascript
JQERY limittext 插件0.2版(长内容限制显示)
Aug 27 #Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
Aug 27 #Javascript
jquery 插件开发备注
Aug 27 #Javascript
Jquery + Ajax调用webService实例代码(asp.net)
Aug 27 #Javascript
JavaScript使用过程中需要注意的地方和一些基本语法
Aug 26 #Javascript
ExtJs GridPanel简单的增删改实现代码
Aug 26 #Javascript
javascript oop开发滑动(slide)菜单控件
Aug 25 #Javascript
You might like
浅谈电磁辐射对健康的影响
2021/03/01 无线电
php 学习资料零碎东西
2010/12/04 PHP
php 批量生成html,txt文件的实现代码
2013/06/26 PHP
PHP内核探索:哈希表碰撞攻击原理
2015/07/31 PHP
php获取图片信息的方法详解
2015/12/10 PHP
WordPress中获取指定分类及其子分类下的文章数目
2015/12/31 PHP
采用CSS和JS,刚好我最近有个站点要用到下拉菜单!
2006/06/26 Javascript
计算新浪Weibo消息长度(还可以输入119字)
2013/07/02 Javascript
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
javascript实现日期按月份加减
2015/05/15 Javascript
jQuery实现的Div窗口震动效果实例
2015/08/07 Javascript
JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
2015/09/25 Javascript
AngularJS 与百度地图的结合实例
2016/10/20 Javascript
jquery+css3问卷答题卡翻页动画效果示例
2016/10/26 Javascript
vue.js实现请求数据的方法示例
2017/02/07 Javascript
Vue.js上下滚动加载组件的实例代码
2017/07/17 Javascript
[01:46]辉夜杯—打造中国DOTA新格局
2015/12/25 DOTA
[52:03]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第三场 1月31日
2021/03/11 DOTA
利用django如何解析用户上传的excel文件
2017/07/24 Python
Tensorflow 利用tf.contrib.learn建立输入函数的方法
2018/02/08 Python
python监控进程脚本
2018/04/12 Python
python+opencv像素的加减和加权操作的实现
2019/07/14 Python
Python Web框架之Django框架文件上传功能详解
2019/08/16 Python
win10下安装Anaconda的教程(python环境+jupyter_notebook)
2019/10/23 Python
django 实现手动存储文件到model的FileField
2020/03/30 Python
简单了解Java Netty Reactor三种线程模型
2020/04/26 Python
python和C++共享内存传输图像的示例
2020/10/27 Python
[原创]赚疯了!转手立赚800+?大佬的python「抢茅台脚本」使用教程
2021/01/12 Python
详解HTML5中的Communication API基本使用方法
2016/01/29 HTML / CSS
马德里运动鞋商店:Nigra Mercato
2020/02/16 全球购物
《玩具柜台前的孩子》教学反思
2014/02/13 职场文书
2016年寒假见闻
2015/10/10 职场文书
大队委员竞选演讲稿
2015/11/20 职场文书
85句关于理想的名言警句大全
2019/08/22 职场文书
Python用any()函数检查字符串中的字母以及如何使用all()函数
2022/04/14 Python