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学习笔记(十)
Jan 17 Javascript
js 利用className得到对象的实现代码
Nov 15 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
Nov 19 Javascript
javascript题目,重写函数让其无限相加
Feb 15 Javascript
jquery子元素过滤选择器使用示例
Jun 24 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
Oct 30 Javascript
理解jQuery stop()方法
Nov 21 Javascript
浅谈JavaScript异常处理语句
Jun 26 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
Aug 30 Javascript
微信小程序-form表单提交代码实例
Apr 29 Javascript
vue增加强缓存和版本号的实现方法
May 01 Javascript
Vue2.x通用编辑组件的封装及应用详解
May 28 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
Content-type 的说明
2006/10/09 PHP
PHP中获取时间的下一周下个月的方法
2014/03/18 PHP
php实现源代码加密的方法
2015/07/11 PHP
Zend Framework教程之Zend_Db_Table_Row用法实例分析
2016/03/21 PHP
PHP中递归的实现实例详解
2017/11/14 PHP
php生成微信红包数组的方法
2019/09/05 PHP
jQuery 行级解析读取XML文件(附源码)
2009/10/12 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
2011/09/17 Javascript
关于onScroll事件在IE6下每次滚动触发三次bug说明
2011/09/21 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
2013/07/09 Javascript
JavaScript实现动画打开半透明提示层的方法
2015/04/21 Javascript
angular双向绑定模拟探索
2016/12/26 Javascript
Jquery树插件zTree实现菜单树
2017/01/24 Javascript
JS中使用 after 伪类清除浮动实例
2017/03/01 Javascript
Angular 表单控件示例代码
2017/06/26 Javascript
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
2018/09/30 Javascript
浅谈webpack devtool里的7种SourceMap模式
2019/01/14 Javascript
js神秘的电报密码 哈弗曼编码实现
2019/09/10 Javascript
详解JavaScript中new操作符的解析和实现
2020/09/04 Javascript
Python 3.x 新特性及10大变化
2015/06/12 Python
Python 爬虫学习笔记之单线程爬虫
2016/09/21 Python
Python简单处理坐标排序问题示例
2019/07/11 Python
Python实现朴素贝叶斯的学习与分类过程解析
2019/08/24 Python
10行Python代码计算汽车数量的实现方法
2019/10/23 Python
python如何提取英语pdf内容并翻译
2020/03/03 Python
送给他或她的礼物:FUN.com
2018/08/17 全球购物
医院后勤自我鉴定
2013/10/13 职场文书
医学院校毕业生自荐信范文
2014/01/01 职场文书
保密工作目标责任书
2014/07/28 职场文书
2014年团工作总结
2014/11/27 职场文书
2014年电话销售工作总结
2014/12/01 职场文书
2014保险公司内勤工作总结
2014/12/16 职场文书
英语教师个人工作总结
2015/02/09 职场文书
2015年卫生监督工作总结
2015/05/21 职场文书
2016年优秀党员教师先进事迹材料
2016/02/29 职场文书
分享MySQL常用 内核 Debug 几种常见方法
2022/03/17 MySQL