首页 > 代码库 > AJAX制作JSON格式的局部实时更新数据的方法

AJAX制作JSON格式的局部实时更新数据的方法

废话不多,上代码,前台:

主要使用了死循环一秒钟读取JS一次去刷新页面(递归的思想)单独对ShowData这个DIV的数据进行刷新

,个人觉得还是需要优化的。请大神指点

  <script type="text/javascript">                $(function () {                    var i = 0;                    function setTimeOutPost() {                        $.ajax({                            type: "post",                            url: "/UserControl/DoData.ashx",                            dataType: "json",                            success: function (msg) {                                $("#ShowData").html(msg[0].getInfo+i++);                                setTimeout(setTimeOutPost, 1000);                            },                            error: function (req) {                                alert(req.readyState);                            }                        });                    }                    setTimeOutPost();                });                           </script>

后台主要代码:

1.头部的命名格式为JSON

 context.Response.ContentType = "application/json";

2.返回的是一个JSON拼接的字符串,日后可能会优化到写一个JSON的类去生成JSON格式的数据

string obj = "[{\"getInfo\":\""+Info[0]+"\"}]";                context.Response.Write(obj);

 

AJAX制作JSON格式的局部实时更新数据的方法