ajax和数据库的有关问题-AJAX教程-爱易网页

ajax和数据库的有关问题

日期：2014-05-16　浏览次数：20730 次

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>
    &l

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

ajax和数据库的有关问题

相关资料更多>

推荐阅读更多>