首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

ajax和数据库的有关问题

2012-10-31 
ajax和数据库的问题在前台我用jQuery获取了一些数据,然后我想1.点击一个按钮控件(不是服务端的button,是自

ajax和数据库的问题
在前台我用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>    <option value="2">项目二</option>  </select>  </form>  <div id="d"></div></body></html> 


[解决办法]
1,不一定啊,声明静态的干嘛。

2,这个功能只能使用ms的框架,普通的框架如jquery只能从服务器获取数据后自己更新gridview

或者使用ajaxpro,居于asp.net的框架

热点排行