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

浏览数：24 / 时间：2015年06月09日

废话不多，上代码，前台：

主要使用了死循环一秒钟读取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);

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 java html 使用 log 数据 方法 class style 代码 java html 使用 log 数据 方法

相关文章

随机文章

您可能还喜欢

您可能还喜欢