我该如何刷新我的网站?

时间:2014-03-25 07:51:34

标签: c# javascript jquery ajax web

我在c#应用程序中每隔几分钟用一个不同的数据更新一个文本文件。

例如,第一次在文本文件中有:Hello world 一分钟后,文本文件包含:大家好

现在在c#应用程序中,我正在上传文本文件。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.IO;
using System.Net;

namespace ScrollLabelTest
{
    class FtpFileUploader
    {
        static string ftpurl = "ftp://ftp.test.com/files/theme/";
        static string filename = @"c:\temp\test.txt";
        static string ftpusername = "un";
        static string ftppassword = "ps";
        static string value;

        public static void test()
        {
            try
            {

                FtpWebRequest request = (FtpWebRequest)FtpWebRequest.Create(
                ftpurl + "/" + Path.GetFileName(filename));
                request.Method = WebRequestMethods.Ftp.UploadFile;


                request.Credentials = new NetworkCredential(ftpusername, ftppassword);


                StreamReader sourceStream = new StreamReader(@"c:\temp\test.txt");
                byte[] fileContents = Encoding.UTF8.GetBytes(sourceStream.ReadToEnd());
                sourceStream.Close();
                request.ContentLength = fileContents.Length;

                Stream requestStream = request.GetRequestStream();
                requestStream.Write(fileContents, 0, fileContents.Length);
                requestStream.Close();

                FtpWebResponse response = (FtpWebResponse)request.GetResponse();

                Console.WriteLine("Upload File Complete, status {0}", response.StatusDescription);

                response.Close();
            }
            catch(Exception err)
            {
                string t = err.ToString();
            }
        }
    }
}

我在硬盘上看到文本文件已更改内容,并且在将文件上传到我的网站ftp后,我看到更新的文本文件。

现在在我的网站上我正在使用javascript / ajax来阅读上传的文本文件:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://newsxpressmedia.com/files/theme/jquery.newsTicker.js"></script>

<div id="oneliner">
    <div class="header"> Breaking News </div>
    <ul class="newsticker">
<script>
$(function() {
    var file = "http://newsxpressmedia.com/files/theme/test.txt";
    $.get(file, function (txt) {
        //var lines = txt.responseText.split("\n");
        var lines = txt.split("\n");
        $ul = $('<ul class="newsticker" />');
        for (var i = 0, len = lines.length; i < len; i++) {
            //save(lines[i]); // not sure what this does
            $ul.append('<li>' + lines[i] + '</li>');
        }
        //$ul.appendTo('body').newsTicker({
        $ul.appendTo('div.wcustomhtml').newsTicker({
            row_height: 48,
            max_rows: 2,
            speed: 6000,
            direction: 'up',
            duration: 1000,
            autostart: 1,
            pauseOnHover: 1
        });
    });
});
</script>
</ul>
</div>

问题是,一旦我在c#中的应用程序更新了文件并将其上传到我需要在浏览器中使用的ftp,例如chrome,以便手动刷新,否则它将继续显示旧文本文件内容而不是更新。

如何在javascript中刷新?

4 个答案:

答案 0 :(得分:3)

试试这个

无需刷新页面只需刷新将从文本文件中获取最新信息的功能

$(function() {
    news();
    setInterval(function(){
      news()
    },60000)  // it will call every 1 min you can change it
});

function news(){
   $('body').find('.newsticker').remove();//It will clear old data if its present 
   var file = "http://newsxpressmedia.com/files/theme/test.txt";
    $.get(file, function (txt) {
        //var lines = txt.responseText.split("\n");
        var lines = txt.split("\n");
        $ul = $('<ul class="newsticker" />');
        for (var i = 0, len = lines.length; i < len; i++) {
            //save(lines[i]); // not sure what this does
            $ul.append('<li>' + lines[i] + '</li>'); //here 
        }
        //$ul.appendTo('body').newsTicker({
        $ul.appendTo('div.wcustomhtml').newsTicker({
            row_height: 48,
            max_rows: 2,
            speed: 6000,
            direction: 'up',
            duration: 1000,
            autostart: 1,
            pauseOnHover: 1
        });
    });
}

答案 1 :(得分:0)

如果你想每分钟刷新页面,那么

setInterval(function () {
    //retrieve file from server and update html with new contents
}, 60000)

会做到这一点。但是,使用此方法将每分钟重新加载文件,即使文件实际上尚未更改。

您可以查看SignalR以从服务器端触发所有内容。你要做的是创建一个中心,一旦上传了新版本的文件,就会向所有订阅的客户(其中一个将是你的网站)发送通知。这将确保仅在文件实际更改时才更新页面。

您可以阅读有关SignalR here的更多信息。

答案 2 :(得分:0)

只需使用asp:timer control并将您的内容放入UpdatePanel即可。

您还可以查看计时器示例,并根据您的时间要求设置时间。

http://msdn.microsoft.com/en-us/library/bb398865(v=vs.100).aspx

答案 3 :(得分:0)

使用javascript:

setTimeout(function() {
    location.reload();
}, 300000);