ajax和数据库的有关问题
日期：2014-05-16 浏览次数：20699 次
ajax和数据库的问题
在前台我用jQuery获取了一些数据，然后
我想
1.点击一个按钮控件（不是服务端的button，是自制的那种按钮） 把获取的新数据经过后台函数的处理后 添加到数据库
2.把新的数据库中的数据重新加载到页面上来。
对于1而言，利用ajax可以调用到后台的方法函数。但是这个方法必须是静态的，那么关于数据库SqlConnection的声明和SqlCommmand的声明都必须是静态的了。是这样的吧？
对于2，如何把数据库的新内容重新加载过来呢。因为我页面有个gridview绑定了数据库的某一列，所以我想把新内容加载过来。
但是用ajax调用后台函数都必须是静态的啊，
像this.gridview1.DataSource = datasource1;
this.gridview1.DataBind();这样的绑定方法都不能用的
如何解决上述两个问题
------解决方案--------------------
不是静态方法也完全可以啊
使用 AJAX，局部刷新 GridView 进行数据绑定的简单实现
很多用户都有这样需求，比如：点击按钮，刷新 GridView 中的数据，而不是这个页面刷新。使用简单的 XMLHttpRequest 就可以直接实现。具体代码如下：
ASPX 代码
在前台我用jQuery获取了一些数据，然后
我想
1.点击一个按钮控件（不是服务端的button，是自制的那种按钮） 把获取的新数据经过后台函数的处理后 添加到数据库
2.把新的数据库中的数据重新加载到页面上来。
对于1而言，利用ajax可以调用到后台的方法函数。但是这个方法必须是静态的，那么关于数据库SqlConnection的声明和SqlCommmand的声明都必须是静态的了。是这样的吧？
对于2，如何把数据库的新内容重新加载过来呢。因为我页面有个gridview绑定了数据库的某一列，所以我想把新内容加载过来。
但是用ajax调用后台函数都必须是静态的啊，
像this.gridview1.DataSource = datasource1;
this.gridview1.DataBind();这样的绑定方法都不能用的
如何解决上述两个问题
------解决方案--------------------
不是静态方法也完全可以啊
使用 AJAX，局部刷新 GridView 进行数据绑定的简单实现
很多用户都有这样需求，比如：点击按钮，刷新 GridView 中的数据，而不是这个页面刷新。使用简单的 XMLHttpRequest 就可以直接实现。具体代码如下：
ASPX 代码
- HTML code
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
string id = "";
System.Data.DataView CreateDataSourceByXianhuiMeng()
{
System.Data.DataTable dt = new System.Data.DataTable();
System.Data.DataRow dr;
dt.Columns.Add(new System.Data.DataColumn("UserId", typeof(System.Int32)));
dt.Columns.Add(new System.Data.DataColumn("UserName", typeof(System.String)));
for (int i = 1; i < 8; i++)
{
dt.Rows.Add(i, "测试" + i.ToString() + "__" + id);
}
System.Data.DataView dv = new System.Data.DataView(dt);
return dv;
}
protected void Page_Load(object sender, EventArgs e)
{
if (Request.QueryString["id"] != null)
{
id = Request.QueryString["id"];
Response.ClearContent();
GridView1.DataSource = CreateDataSourceByXianhuiMeng();
GridView1.DataBind();
System.Text.StringBuilder sb = new System.Text.StringBuilder();
System.IO.StringWriter sw = new System.IO.StringWriter(sb);
HtmlTextWriter htw = new HtmlTextWriter(sw);
Literal header = new Literal();
header.Text = "<h2>项目 " + Request.QueryString["id"] + "</h2>";
Header.Controls.Add(header);
Header.RenderControl(htw);
GridView1.RenderControl(htw);
Response.Write("这里查询数据，输出结果就可以了。结果：" + sb.ToString());
Response.End();
}
}
/// 添加这个override void VerifyRenderingInServerForm(Control control)，是为了避免出现
/// 类型“GridView”的控件“GridView1”必须放在具有 runat=server 的窗体标记内。
/// 的异常
public override void VerifyRenderingInServerForm(Control control)
{ }
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>使用 AJAX，局部刷新 GridView 进行数据绑定的简单实现</title>
<script type="text/javascript">
function GetData(p) {
document.getElementById("d").innerHTML = "正在读取数据……";
h = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP");
h.open("GET", '<%=Request.FilePath %>?id=' + p.value, true);
h.onreadystatechange = function () {
if (h.readyState == 4) {
if (h.status >= 200 && h.status < 300) {
document.getElementById("d").innerHTML = h.responseText;
}
else {
document.getElementById("d").innerHTML = "<h2>数据操作错误：</h2>" + h.responseText;
}
}
}
h.send(null);
}
alert("这个提示，只出现在第一次打开页面。");
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="GridView1" runat="server"></asp:GridView>
<asp:Panel ID="Header" runat="server"></asp:Panel>
<select onchange="GetData(this)">
<option value="1">项目一</option>
&l
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
