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 相关文章推荐
jquery autocomplete自动完成插件的的使用方法
Aug 07 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
Mar 05 Javascript
浅析JavaScript原型继承的陷阱
Dec 03 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
Mar 23 Javascript
原生js代码实现图片放大境效果
Oct 30 Javascript
bootstrap按钮插件(Button)使用方法解析
Jan 13 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
Jun 20 Javascript
js实现一款简单踩白块小游戏(曾经很火)
Dec 02 Javascript
Vue的自定义组件不能使用click方法的解决
Jul 28 Javascript
Vue看了就会的8个小技巧
Jan 21 Vue.js
vue整合百度地图显示指定地点信息
Apr 06 Vue.js
使用compose函数优化代码提高可读性及扩展性
Jun 16 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
PHP的autoload自动加载机制使用说明
2010/12/28 PHP
一个基于PDO的数据库操作类
2011/03/24 PHP
php生成N个不重复的随机数实例
2013/11/12 PHP
php版交通银行网银支付接口开发入门教程
2016/09/26 PHP
JS option location 页面跳转实现代码
2008/12/27 Javascript
javascript 24小时弹出一次的代码(利用cookies)
2009/09/03 Javascript
IE中的File域无法清空使用jQuery重设File域
2014/04/24 Javascript
学习JavaScript设计模式(封装)
2015/11/26 Javascript
BootStrap Typeahead自动补全插件实例代码
2016/08/10 Javascript
微信小程序 富文本转文本实例详解
2016/10/24 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
2016/10/28 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
2017/02/22 Javascript
jQuery选择器之属性筛选选择器用法详解
2017/09/19 jQuery
vue封装第三方插件并发布到npm的方法
2017/09/25 Javascript
jQuery实现的页面遮罩层功能示例【测试可用】
2017/10/14 jQuery
JavaScript实现职责链模式概述
2018/01/25 Javascript
微信小程序websocket聊天室的实现示例代码
2019/02/12 Javascript
详解从vue-loader源码分析CSS Scoped的实现
2019/09/23 Javascript
vue实现匀速轮播效果
2020/06/29 Javascript
[46:04]Liquid vs VP Supermajor决赛 BO 第四场 6.10
2018/07/05 DOTA
CentOS中使用virtualenv搭建python3环境
2015/06/08 Python
Python中MySQLdb和torndb模块对MySQL的断连问题处理
2015/11/09 Python
Python面向对象之类的定义与继承用法示例
2019/01/14 Python
Python 限制线程的最大数量的方法(Semaphore)
2019/02/22 Python
用python3 返回鼠标位置的实现方法(带界面)
2019/07/05 Python
Python图像处理库PIL的ImageFilter模块使用介绍
2020/02/26 Python
年终自我鉴定
2013/10/09 职场文书
会计系毕业生求职信
2014/05/28 职场文书
保护环境的标语
2014/06/09 职场文书
民族团结好少年事迹材料
2014/08/19 职场文书
2015年世界无烟日活动总结
2015/02/10 职场文书
鲁滨孙漂流记读书笔记
2015/06/30 职场文书
导游词之江南周庄
2019/12/06 职场文书
python如何做代码性能分析
2021/04/26 Python
如何优化vue打包文件过大
2022/04/13 Vue.js