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 DOM学习第四章 getElementByTagNames
Feb 19 Javascript
前端开发必须知道的JS之原型和继承
Jul 06 Javascript
8个实用的jQuery技巧
Mar 04 Javascript
javascript实现获取字符串hash值
May 10 Javascript
JavaScript中标识符提升问题
Jun 11 Javascript
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
Mar 05 Javascript
vue2.0的虚拟DOM渲染思路分析
Aug 09 Javascript
echarts多条折线图动态分层的实现方法
May 24 Javascript
微信小程序swiper左右扩展各显示一半代码实例
Dec 05 Javascript
解决await在forEach中不起作用的问题
Feb 25 Javascript
javascript数组includes、reduce的基本使用
Jul 02 Javascript
VUE之图片Base64编码使用ElementUI组件上传
Apr 09 Vue.js
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
apache+mysql+php+ssl服务器之完全安装攻略
2006/09/05 PHP
第一节--面向对象编程
2006/11/16 PHP
Apache2 httpd.conf 中文版
2006/12/06 PHP
joomla内置的表单验证功能使用方法
2010/06/11 PHP
使用PHP获取当前url路径的函数以及服务器变量
2013/06/29 PHP
PHP函数strip_tags的一个bug浅析
2014/05/22 PHP
PHP使用header()输出图片缓存实例
2014/12/09 PHP
如何正确配置Nginx + PHP
2016/07/15 PHP
Yii2主题(Theme)用法详解
2016/07/23 PHP
PHP利用超级全局变量$_GET来接收表单数据的实例
2016/11/05 PHP
宝塔面板在NGINX环境中TP5.1如何运行?
2021/03/09 PHP
jQuery Div中加载其他页面的实现代码
2009/02/27 Javascript
本地对象Array的原型扩展实现代码
2010/12/04 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
jQuery Ajax使用实例
2015/04/16 Javascript
javascript+html5实现仿flash滚动播放图片的方法
2015/04/27 Javascript
JS实现简洁、全兼容的拖动层实例
2015/05/13 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
2015/06/19 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
2017/02/21 Javascript
vue的过滤器filter实例详解
2018/09/17 Javascript
Javascript异步执行不按顺序解决方案
2020/04/30 Javascript
[15:56]Heroes18_暗影萨满(完美)
2014/10/31 DOTA
仅用500行Python代码实现一个英文解析器的教程
2015/04/02 Python
python中zip()方法应用实例分析
2016/04/16 Python
TensorFlow神经网络优化策略学习
2018/03/09 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
Python多线程获取返回值代码实例
2020/02/17 Python
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
2018/03/21 HTML / CSS
日本高岛屋百货购物网站:TAKASHIMAYA
2019/03/24 全球购物
Android面试题附答案
2014/12/08 面试题
超越自我演讲稿
2014/05/21 职场文书
社区爱国卫生月活动总结
2014/06/30 职场文书
竞选班干部演讲稿500字
2014/08/20 职场文书
小学六一儿童节活动方案
2014/08/27 职场文书
毕业典礼主持词
2015/06/29 职场文书
运动员代表致辞
2015/07/29 职场文书