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 function调用时的参数检测常用办法
Feb 26 Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
Jun 14 Javascript
javascript实现简单查找与替换的方法
Jul 22 Javascript
BootStrap智能表单实战系列(七)验证的支持
Jun 13 Javascript
Easyui使用Dialog行内按钮布局的实例
Jul 27 Javascript
vue-cli扩展多模块打包的示例代码
Apr 09 Javascript
浅谈vue-cli 3.0.x 初体验
Apr 11 Javascript
js+css实现红包雨效果
Jul 12 Javascript
webpack 3.X学习之多页面打包的方法
Sep 04 Javascript
layer弹出层自适应高度,垂直水平居中的实现
Sep 16 Javascript
webpack+express实现文件精确缓存的示例代码
Jun 11 Javascript
vue实现移动端H5数字键盘组件使用详解
Aug 25 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产生随机字符串函数
2006/12/06 PHP
php Mysql日期和时间函数集合
2007/11/16 PHP
php编写一个简单的路由类
2011/04/13 PHP
PHP配置ZendOpcache插件加速
2019/02/14 PHP
Jquery 高亮显示文本中重要的关键字
2009/12/24 Javascript
有趣的javascript数组定义方法
2010/09/10 Javascript
IE和Firefox的Javascript兼容性总结[推荐收藏]
2011/10/19 Javascript
JavaScript之Getters和Setters 平台支持等详细介绍
2012/12/07 Javascript
一行代码实现纯数据json对象的深度克隆实现思路
2013/01/09 Javascript
js触发asp.net的Button的Onclick事件应用
2013/02/02 Javascript
让网页跳转到指定位置的jquery代码非书签
2013/09/06 Javascript
JavaScript原型链示例分享
2014/01/26 Javascript
JavaScript学习笔记之Function对象
2015/01/22 Javascript
JavaScript数组迭代方法
2017/03/03 Javascript
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
2019/09/02 Javascript
[47:55]Ti4第二日主赛事败者组 NaVi vs EG 1
2014/07/20 DOTA
Python使用Scrapy爬取妹子图
2015/05/28 Python
Python使用pickle模块储存对象操作示例
2018/08/15 Python
解决python3 Pycharm上连接数据库时报错的问题
2018/12/03 Python
python web自制框架之接受url传递过来的参数实例
2018/12/17 Python
python 多线程重启方法
2019/02/18 Python
python绘制地震散点图
2019/06/18 Python
ipython和python区别详解
2019/06/26 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
pandas抽取行列数据的几种方法
2020/12/13 Python
CSS3解决移动页面上点击链接触发色块的问题
2016/06/03 HTML / CSS
CSS3中border-radius属性设定圆角的使用技巧
2016/05/10 HTML / CSS
澳大利亚男士西服品牌:M.J.Bale
2018/02/06 全球购物
日本航空官方网站:JAL
2019/06/19 全球购物
生态学毕业生自荐信
2013/10/27 职场文书
基层干部十八大感言
2014/01/19 职场文书
师范生见习总结范文
2015/06/23 职场文书
2016年元旦主持词
2015/07/06 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
彻底理解golang中什么是nil
2021/04/29 Golang
解决Swagger2返回map复杂结构不能解析的问题
2021/07/02 Java/Android