码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-10-24 18:12:07      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   os   ar   使用   java   strong   

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

主要使用了死循环一秒钟读取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格式的局部实时更新数据的方法

标签:style   blog   color   io   os   ar   使用   java   strong   

原文地址:http://www.cnblogs.com/llcdbk/p/4048654.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!