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 相关文章推荐
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
Jul 04 Javascript
jquery ajax跨域解决方法(json方式)
Feb 04 Javascript
JS中实现简单Formatter函数示例代码
Aug 19 Javascript
Node.js中的缓冲与流模块详细介绍
Feb 11 Javascript
js提交form表单,并传递参数的实现方法
May 25 Javascript
javascript基础知识
Jun 07 Javascript
微信小程序左滑删除效果的实现代码
Feb 20 Javascript
bootstrap suggest下拉框使用详解
Apr 10 Javascript
ES6中Array.includes()函数的用法
Sep 20 Javascript
解决element UI 自定义传参的问题
Aug 22 Javascript
JS中实现一个下载进度条及播放进度条的代码
Jun 10 Javascript
HTML元素拖拽功能实现的完整实例
Dec 04 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
phpinfo 系统查看参数函数代码
2009/06/05 PHP
浅谈PHP中类和对象的相关函数
2017/04/26 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
TP框架实现上传一张图片和批量上传图片的方法分析
2020/04/23 PHP
$()JS小技巧
2007/07/21 Javascript
javascript 在firebug调试时用console.log的方法
2012/05/10 Javascript
利用javascript打开模态对话框(示例代码)
2014/01/11 Javascript
javascript实现根据3原色制作颜色选择器的方法
2015/07/17 Javascript
jQuery Mobile页面返回不需要重新get
2016/04/26 Javascript
Javascript实现图片不间断滚动的代码
2016/06/22 Javascript
Canvas实现放射线动画效果
2017/02/15 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
2017/09/05 Javascript
jQuery EasyUI window窗口使用实例代码
2017/12/25 jQuery
JavaScript设计模式之工厂模式简单实例教程
2018/07/03 Javascript
JQueryDOM之样式操作
2019/03/27 jQuery
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
2020/09/01 Javascript
详解Python中with语句的用法
2015/04/15 Python
python 使用正则表达式按照多个空格分割字符的实例
2018/12/20 Python
Django后台admin的使用详解
2019/07/08 Python
Django框架获取form表单数据方式总结
2020/04/22 Python
Python3 ID3决策树判断申请贷款是否成功的实现代码
2020/05/21 Python
Python3基于plotly模块保存图片表格
2020/08/03 Python
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
荷兰家电销售网站:Welhof
2020/12/08 全球购物
物流管理专业应届生求职信
2013/11/21 职场文书
生物科学系大学生的自我评价
2013/12/20 职场文书
职业女性的职业规划
2014/03/04 职场文书
小学生开学第一课活动方案
2014/03/27 职场文书
没有孩子的离婚协议书怎么写
2014/09/17 职场文书
大学军训自我鉴定大全
2014/09/18 职场文书
小学总务工作总结
2015/08/13 职场文书
Python中使用ipython的详细教程
2021/06/22 Python
javascript对象3个属性特征
2021/11/17 Javascript
Android 界面一键变灰 深色主题工具类
2022/04/28 Java/Android
Go语言怎么使用变长参数函数
2022/07/15 Golang