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 时间比较实现代码
Oct 28 Javascript
基于jquery创建的一个图片、视频缓冲的效果样式插件
Aug 28 Javascript
提示$ is not defined错误分析及解决
Apr 09 Javascript
ExtJS DOM元素操作经验分享
Aug 28 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
Oct 30 Javascript
使用script的src实现跨域和类似ajax效果
Nov 10 Javascript
JavaScript关于提高网站性能的几点建议(一)
Jul 24 Javascript
详解React Native 屏幕适配(炒鸡简单的方法)
Jun 11 Javascript
js实现前面自动补全位数的方法
Oct 10 Javascript
在微信小程序中使用图表的方法示例
Apr 25 Javascript
vue 解决数组赋值无法渲染在页面的问题
Oct 28 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
May 29 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面对对象编程的多态
2015/08/12 PHP
解析WordPress中函数钩子hook的作用及基本用法
2015/12/22 PHP
CI框架集成Smarty的方法分析
2016/05/17 PHP
实例说明js脚本语言和php脚本语言的区别
2019/04/04 PHP
js 蒙版进度条(结合图片)
2010/03/10 Javascript
到处都是jQuery选择器的年代 不了解它们的性能,行吗
2012/06/18 Javascript
js css 实现遮罩层覆盖其他页面元素附图
2014/09/22 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
bootstrap datepicker限定可选时间范围实现方法
2016/09/28 Javascript
原生js仿淘宝网商品放大镜效果
2017/02/28 Javascript
详解Vue.use自定义自己的全局组件
2017/06/14 Javascript
angularJS自定义directive之带参方法传递详解
2018/10/09 Javascript
小程序获取周围IBeacon设备的方法
2018/10/31 Javascript
vue项目中axios请求网络接口封装的示例代码
2018/12/18 Javascript
js根据后缀判断文件文件类型的代码
2020/05/09 Javascript
wxPython使用系统剪切板的方法
2015/06/16 Python
详解JavaScript编程中的window与window.screen对象
2015/10/26 Python
python中子类调用父类函数的方法示例
2017/08/18 Python
python pyheatmap包绘制热力图
2018/11/09 Python
Python可视化mhd格式和raw格式的医学图像并保存的方法
2019/01/24 Python
Python动态赋值的陷阱知识点总结
2019/03/17 Python
关于 Python opencv 使用中的 ValueError: too many values to unpack
2019/06/28 Python
python内存管理机制原理详解
2019/08/12 Python
TensorFlow——Checkpoint为模型添加检查点的实例
2020/01/21 Python
基于Python的一个自动录入表格的小程序
2020/08/05 Python
在Pycharm中安装Pandas库方法(简单易懂)
2021/02/20 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
HTML5+Canvas+CSS3实现齐天大圣孙悟空腾云驾雾效果
2016/04/26 HTML / CSS
求∏的近似值,直到最后一项的绝对值小于指定的数
2016/02/12 面试题
《小熊住山洞》教学反思
2014/02/21 职场文书
综合办公室主任岗位职责
2014/04/13 职场文书
歌颂祖国的演讲稿
2014/05/04 职场文书
优秀班主任主要事迹材料
2014/12/16 职场文书
合作意向书范本
2019/04/17 职场文书
MySQL注入基础练习
2021/05/30 MySQL