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中实现命名空间
Nov 23 Javascript
javascript基础的动画教程,直观易懂
Jan 10 Javascript
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
Oct 20 Javascript
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
Jul 31 Javascript
javascript 拷贝节点cloneNode()使用介绍
Apr 03 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
Jan 05 Javascript
使用JavaScript获取Request中参数的值方法
Sep 27 Javascript
JavaScript 基础表单验证示例(纯Js实现)
Jul 20 Javascript
Node.js+ELK日志规范的实现
May 23 Javascript
vue-cli3中vue.config.js配置教程详解
May 29 Javascript
JavaScript继承的三种方法实例
May 12 Javascript
vue实现input输入模糊查询的三种方式
Aug 14 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
PHP创建word文档的方法(平台无关)
2016/03/29 PHP
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
通过DOM脚本去设置样式信息
2010/09/19 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
javascript 数组操作详解
2015/01/29 Javascript
jQuery简单实现禁用右键菜单
2015/03/10 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
JS实现图片的不间断连续滚动的简单实例
2016/06/03 Javascript
JS文件上传神器bootstrap fileinput详解
2021/01/28 Javascript
快速实现jQuery多级菜单效果
2017/02/01 Javascript
基于Cookie常用操作以及属性介绍
2017/09/07 Javascript
微信小程序实战篇之购物车的实现代码示例
2017/11/30 Javascript
npm全局模块卸载及默认安装目录修改方法
2018/05/15 Javascript
NodeJs 模仿SIP话机注册的方法
2019/06/21 NodeJs
Bootstrap实现省市区三级联动(亲测可用)
2019/07/26 Javascript
vue 自定义右键样式的实例代码
2019/11/06 Javascript
Vue作用域插槽实现方法及作用详解
2020/07/08 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
[07:43]《辉夜杯》公开赛晋级外卡赛战队—TRG训练生活探秘
2015/12/11 DOTA
[04:49]期待西雅图之战 2016国际邀请赛中国区预选赛WINGS战队赛后采访
2016/06/29 DOTA
[01:03:27]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
原生python实现knn分类算法
2019/10/24 Python
python误差棒图errorbar()函数实例解析
2020/02/11 Python
django中url映射规则和服务端响应顺序的实现
2020/04/02 Python
python dict乱码如何解决
2020/06/07 Python
Python实现像awk一样分割字符串
2020/09/15 Python
python rsa-oaep加密的示例代码
2020/09/23 Python
详解Scrapy Redis入门实战
2020/11/18 Python
Opencv 图片的OCR识别的实战示例
2021/03/02 Python
Bally巴利中国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/10/09 全球购物
linux面试题参考答案(5)
2016/11/05 面试题
如何写自我鉴定
2014/03/19 职场文书
销售团队获奖感言
2014/08/14 职场文书
学生会个人总结范文
2015/02/15 职场文书
golang 实现并发求和
2021/05/08 Golang