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 相关文章推荐
使用ajax+jqtransform实现动态加载select
Dec 01 Javascript
谈谈impress.js初步理解
Sep 09 Javascript
Javascript 获取鼠标当前的位置实现方法
Oct 27 Javascript
jquery实现百叶窗效果
Jan 12 Javascript
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
动态加载、移除js/css文件的示例代码
Mar 20 Javascript
vue 纯js监听滚动条到底部的实例讲解
Sep 03 Javascript
react项目如何使用iconfont的方法步骤
Mar 13 Javascript
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
Mar 27 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
Jun 18 Javascript
es6中new.target的作用和使用场景简单示例分析
Mar 14 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 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
Look And Say 序列php实现代码
2011/05/22 PHP
YII模块实现绑定二级域名的方法
2014/07/09 PHP
PHP实现QQ空间自动回复说说的方法
2015/12/02 PHP
PHP安全下载文件的方法
2016/04/07 PHP
php+html5+ajax实现上传图片的方法
2016/05/14 PHP
农历与西历对照
2006/09/06 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
2010/05/27 Javascript
简单实例处理url特殊符号&amp;处理(2种方法)
2013/04/02 Javascript
javaScript面向对象继承方法经典实现
2013/08/20 Javascript
javascript通过navigator.userAgent识别各种浏览器
2013/10/25 Javascript
JavaScript数据结构与算法之栈详解
2015/03/12 Javascript
JavaScript获取网页表单action属性的方法
2015/04/02 Javascript
jQuery实现三级菜单的代码
2016/05/09 Javascript
用js写的一个路由(简单实例)
2016/09/24 Javascript
JavaScript九九乘法口诀表的简单实现
2016/10/04 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
2017/01/24 Javascript
JavaScript变量声明var,let.const及区别浅析
2018/04/23 Javascript
JavaScript提升机制Hoisting详解
2019/10/23 Javascript
JS面向对象编程基础篇(一) 对象和构造函数实例详解
2020/03/03 Javascript
[48:39]Ti4主赛事胜者组第一天 EG vs NEWBEE 2
2014/07/19 DOTA
Python使用openpyxl读写excel文件的方法
2017/06/30 Python
使用Python制作自动推送微信消息提醒的备忘录功能
2018/09/06 Python
python使用Matplotlib画条形图
2020/03/25 Python
浅谈Python的条件判断语句if/else语句
2019/03/21 Python
Tensorflow限制CPU个数实例
2020/02/06 Python
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
2016/01/27 HTML / CSS
天网工程实施方案
2014/03/26 职场文书
创先争优承诺书范文
2014/03/31 职场文书
祖国在我心中演讲稿400字
2014/05/04 职场文书
新闻编辑求职信
2014/07/13 职场文书
2015年初中元旦晚会活动总结
2014/11/28 职场文书
保研推荐信范文
2015/03/25 职场文书
2015年营销工作总结范文
2015/04/23 职场文书
民主生活会主持词
2015/07/01 职场文书
linux下导入、导出mysql数据库命令的实现方法
2021/05/26 MySQL
Redis集群节点通信过程/原理流程分析
2022/03/18 Redis