在线访谈：解决jQuery异步获取数据,客户端始终不更新的问题

一、网页

    <script type="text/javascript" language="javascript">
    function getnums() {
          var Ccid=$("#HiddenField1").val();
                   $.get("GetDataByJquery/GetList.ashx",{LbId: Ccid,nowTime:new Date().getTime()},function(msg){
                     var dataObj = eval("(" + msg + ")");
                     $("#right_body").empty();
                       $(dataObj["JsonStr"]).each(function(idx, item) {
                       var li = $("<li></li>").html("<span>"+item.codecn+":</span>"+item.Title+"<p>");
                       $("#right_body").append(li);
                       });
                  
                    });
                    //alert("123");
    }
    $(document).ready(function(){
    
          if($("#HiddenField1").val()=="")
          {
                  location.href="index.aspx";
                  //alert("访谈ID有问题！");
                  return false;
          }
          else
          {
               setInterval(getnums, 2000);

          }

});

</script>

 

二、GetList.ashx

<%@ WebHandler Language="C#" Class="GetList" %>

using System;
using System.Web;
using System.Data;
public class GetList : IHttpHandler {
    
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";
        int LbId = int.Parse(context.Request.Params["LbId"].ToString());
        DataSet ds = new DataSet();
        string returnJson = "";
        ds = BtBLL.GetList(LbId);
        returnJson = CommFun.Dt2Json(ds.Tables[0], "JsonStr");
        context.Response.Write(returnJson);
        
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }

}

 

三、Dt2Json方法

 

    public static string Dt2Json(DataTable dt, string json)
    {
        StringBuilder sb = new System.Text.StringBuilder();
        StringWriter sw = new StringWriter(sb);
        using (JsonWriter jw = new JsonWriter(sw))
        {
            JsonSerializer ser = new JsonSerializer();
            jw.WriteStartObject();
            jw.WritePropertyName(json);
            jw.WriteStartArray();
            foreach (DataRow dr in dt.Rows)
            {
                jw.WriteStartObject();
                foreach (DataColumn dc in dt.Columns)
                {
                    jw.WritePropertyName(dc.ColumnName);
                    ser.Serialize(jw, dr[dc].ToString());
                }
                jw.WriteEndObject();
            }
            jw.WriteEndArray();
            jw.WriteEndObject();
            sw.Close();
            jw.Close();
        }
        return sb.ToString();
    }

 

因为开发的系统是完全基于jQuery开发的，所以页面也是html页面，起初感觉还很正常，但是测试的发现虽然数据是动态获取了，但是在页面上就是不更新，原来是因为缓存的问题。在同事的提醒下，在jQuery的ajax方法调用的时候传递一个动态改变的参数，比如:nowTime:new Date().getTime()，这样在获取数据时，始终都是动态变化的页面，总算是解决了这个缓存不更新的问题