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 相关文章推荐
图片Slider 带左右按钮的js示例
Aug 30 Javascript
from表单多个按钮提交用onclick跳转不同action
Apr 24 Javascript
jquery中change()用法实例分析
Feb 06 Javascript
jQuery使用$.ajax进行即时验证实例详解
Dec 11 Javascript
jQuery的层级查找方式分析
Jun 16 Javascript
检查表单元素的值是否为空的实例代码
Jun 16 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&amp;”)
Dec 23 Javascript
在vue中获取dom元素内容的方法
Jul 10 Javascript
EasyUI Tree树组件无限循环的解决方法
Sep 27 Javascript
Angular 项目实现国际化的方法
Jan 08 Javascript
layui实现多图片上传并限制上传的图片数量
Sep 26 Javascript
webpack5 联邦模块介绍详解
Jul 08 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
如何解决CI框架的Disallowed Key Characters错误提示
2013/07/05 PHP
JS查看对象功能代码
2008/04/25 Javascript
FireFox与IE 下js兼容触发click事件的代码
2008/11/20 Javascript
picChange 图片切换特效的函数代码
2010/05/06 Javascript
js实现的切换面板实例代码
2013/06/17 Javascript
js函数返回多个返回值的示例代码
2013/11/05 Javascript
jQuery调取jSon数据并展示的方法
2015/01/29 Javascript
jquery通过closest选择器修改上级元素的方法
2015/03/17 Javascript
jQuery EasyUi实战教程之布局篇
2016/01/26 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
2016/08/02 Javascript
jQuery图片轮播功能实例代码
2017/01/29 Javascript
详解Vue 方法与事件处理器
2017/06/20 Javascript
详谈表单格式化插件jquery.serializeJSON
2017/06/23 jQuery
javascript cookie的基本操作(添加和删除)
2017/07/24 Javascript
react-router browserHistory刷新页面404问题解决方法
2017/12/29 Javascript
Vue中props的使用详解
2018/06/15 Javascript
javascript中函数的写法实例代码详解
2018/10/28 Javascript
jQuery利用FormData上传文件实现批量上传
2018/12/04 jQuery
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
vue项目中微信登录的实现操作
2020/09/08 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
python显示生日是星期几的方法
2015/05/27 Python
使用Python编写简单的画图板程序的示例教程
2015/12/08 Python
Python加密方法小结【md5,base64,sha1】
2017/07/13 Python
Python遍历某目录下的所有文件夹与文件路径
2018/03/15 Python
Python 2/3下处理cjk编码的zip文件的方法
2019/04/26 Python
使用python turtle画高达
2020/01/19 Python
python开发前景如何
2020/06/11 Python
ajax是什么及其工作原理
2012/02/08 面试题
社会调查研究计划书
2014/05/01 职场文书
企业员工薪酬方案
2014/06/04 职场文书
三月法制宣传月活动总结
2014/07/03 职场文书
2014年四风个人对照检查及整改措施
2014/10/28 职场文书
简单聊一聊SQL注入及防止SQL注入
2022/03/23 MySQL
小程序自定义轮播图圆点组件
2022/06/25 Javascript