Jquery+ajax请求data显示在GridView上(asp.net)

转载 2013年12月04日 13:40:45

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(); 
} 
} 
} 
} 



 

 

 

 

ASP.NET—007:GridView数据的保存($.ajax实现前后台交互)

原文作者:杨友山原文地址:http://blog.csdn.net/yysyangyangyangshan/article/details/22438077前面看了如何增加和删除Gridview数据,...

使用 AJAX,局部刷新 GridView 进行数据绑定的简单实现

很多用户都有这样需求,比如:点击按钮,刷新 GridView 中的数据,而不是这个页面刷新。使用简单的 XMLHttpRequest 就可以直接实现。具体代码如下: ASPX 代码Code highl...

asp.net JQuery Ajax WebService Gridview 任意 双击 某一列 编辑修改

写一个WebService方法GetAuto,xiang

HttpClient + ASP.NET Web API(附加WebClient HttpWebRequest JQuery AJAX请求方式)

还没有学习WCF,先学习了ASP.NET WebAPI,感觉REST风格的WebAPI非常简单,而且WebAPI框架同时使用了Web标准规范,比如HTTP、XML、JSON等,而且它和MVC很像,都使...

Asp.Net Jquery ajax异步请求

需求:页面实时刷新,请求后台

【asp.net小札记】jquery+ajax绑定数据库显示table

原文来自:http://kb.cnblogs.com/page/74416/ 前台: $(function () { ...

通过AJAX与ASP.NET结合实现的仿GridView增删改查功能!

jQurey代码部分: "text/javascript">          var flag = 0;           //添加新行          function addRow() {...
  • xy8cn
  • xy8cn
  • 2011年10月17日 12:15
  • 8411

AJAX与ASP.NET结合仿GridView增删改查功能

jQurey代码部分: 1.      2.            var flag = 0;  3.    4.            //添加新行  5.            func...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery+ajax请求data显示在GridView上(asp.net)
举报原因:
原因补充:

(最多只允许输入30个字)