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操作网页给p元素添加onclick事件及表格隔行变色
Dec 01 Javascript
jquery实现预览提交的表单代码分享
May 21 Javascript
jQuery中height()方法用法实例
Dec 24 Javascript
JavaScript 常见安全漏洞和自动化检测技术
Aug 21 Javascript
jQuery Validate插件实现表单强大的验证功能
Dec 18 Javascript
php基于redis处理session的方法
Mar 14 Javascript
JS正则替换去空格的方法
Mar 24 Javascript
详解vue 计算属性与方法跟侦听器区别(面试考点)
Apr 23 Javascript
Vue.js 实现数据展示全部和收起功能
Sep 05 Javascript
使用 Opentype.js 生成字体子集的实例代码详解
May 25 Javascript
vue移动端的左右滑动事件详解
Jun 17 Javascript
Vue3.0 手写放大镜效果
Jul 25 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
Laravel框架实现文件上传的方法分析
2019/09/29 PHP
又一个小巧的图片预加载类
2007/05/05 Javascript
jQuery 对Select的操作备忘记录
2011/07/04 Javascript
jQuery中$.fn的用法示例介绍
2013/11/05 Javascript
js判断数据类型如判断是否为数组是否为字符串等等
2014/01/15 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
2015/09/28 Javascript
javascript创建对象的几种模式介绍
2016/05/06 Javascript
web打印小结
2017/01/11 Javascript
基于jQuery.i18n实现web前端的国际化
2018/05/04 jQuery
elementUI多选框反选的实现代码
2019/04/03 Javascript
微信小程序利用for循环解决内容变更问题
2020/03/05 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
2020/10/13 Javascript
浅析Python中的join()方法的使用
2015/05/19 Python
Python编程中的异常处理教程
2015/08/21 Python
全面解析Python的While循环语句的使用方法
2015/10/13 Python
Python编程实现从字典中提取子集的方法分析
2018/02/09 Python
详解Django 中是否使用时区的区别
2018/06/14 Python
Python使用sorted对字典的key或value排序
2018/11/15 Python
在python tkinter中Canvas实现进度条显示的方法
2019/06/14 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
python如何实现单链表的反转
2020/02/10 Python
使用pymysql查询数据库,把结果保存为列表并获取指定元素下标实例
2020/05/15 Python
Numpy中np.max的用法及np.maximum区别
2020/11/27 Python
python自动从arxiv下载paper的示例代码
2020/12/05 Python
百思买美国官网:Best Buy
2016/07/28 全球购物
英国二手物品交易网站:Preloved
2017/10/06 全球购物
物业门卫岗位职责
2013/12/28 职场文书
建筑工程质量通病防治方案
2014/06/08 职场文书
新文化运动的基本口号
2014/06/21 职场文书
股指期货心得体会
2014/09/13 职场文书
无财产无子女离婚协议书范文
2014/09/14 职场文书
2015年学校少先队工作总结
2015/07/20 职场文书
Java输出Hello World完美过程解析
2021/06/13 Java/Android
Win10系统下配置Java环境变量
2021/06/13 Java/Android
mysql下的max_allowed_packet参数设置详解
2022/02/12 MySQL
python中的getter与setter你了解吗
2022/03/24 Python