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 相关文章推荐
js静态方法与实例方法分析
Jul 04 Javascript
jquery ajax 简单范例(界面+后台)
Nov 19 Javascript
node.js中的fs.statSync方法使用说明
Dec 16 Javascript
javascript中字体浮动效果的简单实例演示
Nov 18 Javascript
jquery插件autocomplete用法示例
Jul 01 Javascript
简单的JS轮播图代码
Jul 18 Javascript
JavaScript实现的XML与JSON互转功能详解
Feb 16 Javascript
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
jquery实现回车键触发事件(实例讲解)
Nov 21 jQuery
Postman模拟发送带token的请求方法
Mar 31 Javascript
JavaScript 常见的继承方式汇总
Sep 17 Javascript
利用 JavaScript 实现并发控制的示例代码
Dec 31 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
Linux下进行MYSQL编程时插入中文乱码的解决方案
2007/03/15 PHP
解析php下载远程图片函数 可伪造来路
2013/06/25 PHP
php实现搜索类封装示例
2016/03/31 PHP
将PHP的session数据存储到数据库中的代码实例
2016/06/24 PHP
php处理单文件、多文件上传代码分享
2016/08/24 PHP
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
2013/07/09 Javascript
通过url查找a元素并点击
2014/04/09 Javascript
jquery实现的一个文章自定义分段显示功能
2014/05/23 Javascript
JavaScript_ECMA5数组新特性详解
2016/06/12 Javascript
ECMAScript6快速入手攻略
2016/07/18 Javascript
jQuery实现给input绑定回车事件的方法
2017/02/09 Javascript
jQuery实现淡入淡出的模态框
2017/02/09 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
2017/02/15 Javascript
基于Vue实现拖拽效果
2018/04/27 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
2018/09/15 Javascript
Vue 3.0双向绑定原理的实现方法
2019/10/23 Javascript
vue路由的配置和页面切换详解
2020/09/09 Javascript
JavaScript中遍历的十种方法总结
2020/12/15 Javascript
[47:18]完美世界DOTA2联赛循环赛 IO vs FTD BO2第一场 11.05
2020/11/06 DOTA
python3操作mysql数据库的方法
2017/06/23 Python
Python3.4编程实现简单抓取爬虫功能示例
2017/09/14 Python
python实现简易数码时钟
2021/02/19 Python
python绘制散点图并标记序号的方法
2018/12/11 Python
Python编程图形库之Pillow使用方法讲解
2018/12/28 Python
django认证系统 Authentication使用详解
2019/07/22 Python
djano一对一、多对多、分页实例代码
2019/08/16 Python
在tensorflow以及keras安装目录查询操作(windows下)
2020/06/19 Python
keras的ImageDataGenerator和flow()的用法说明
2020/07/03 Python
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
vivo智能手机官方商城:vivo
2016/09/22 全球购物
六一儿童节主持词
2014/03/21 职场文书
大学生暑期社会实践的个人总结!
2019/07/17 职场文书
2019年教师节活动策划方案
2019/09/09 职场文书
10大幻兽系恶魔果实 蝙蝠果实上榜,第一自愈能力强
2022/03/18 日漫