单独刷新ASP.NET MVC中表中的每一行

Question

我在解决ASP MVC应用程序中刷新表中每一行的问题时遇到了困难。

我有一个对象列表，其中每个对象包含一个url和refreshTime。应用程序应该提供一个表，其中每行代表列表中的每个对象。对于每一行，它必须检查网址是否仍然可用。每行都有不同的refreshTime。

我的问题是我不知道如何使用Javascripts这样做。我尝试使用jQuery，Ajax，但我失败了。我知道如何使用Js刷新所有表，但如何使用不同的刷新时间分别刷新每一行？

Answer 1

如果您有以下表格：

<table border=1>
    <thead>
        <td class="url">Url</td>
        <td class="interval">Interval</td>
        <td class="status">Status</td>
    </thead>
    <tbody>
        <tr>
            <td class="url">http://www.google.com</td>
            <td class="interval">2000</td>
            <td class="status"></td>
        </tr>
        <tr>
            <td class="url">http://www.bing.com</td>
            <td class="interval">5000</td>
            <td class="status"></td>
        </tr>
    </tbody>
</table>

您可以使用以下jQuery代码段分别更新每一行：

$("tbody tr").each(function () {
    var row = $(this);
    var interval = row.find(".interval").text();
    setInterval(function(){updateRow(row);}, interval);
});


function updateRow(row) {
    var url = row.find(".url").text();
    var statusCell = row.find(".status");

    statusCell.text("last checked: " + new Date().toLocaleString());

    var checking = $.post('/api/statuses', { "": url });

    checking.done(function (data) {
        var responding = data;
        if (responding) {
            statusCell.css("background", "green");
        } else {
            statusCell.css("background", "red");
        }
    });
}

也可在http://jsfiddle.net/hummlas/pyh9c/

获取

实际状态检查有点复杂，但由于您不允许进行跨域ajax调用，您可以通过使用代理来解决这个问题，例如：创建一些将进行状态检查的服务器端代码，然后你只需用你希望获得状态的url调用你的代理。

修改

我使用ASP.NET Web API控制器添加了状态检查代理服务的示例实现

public class StatusesController : ApiController
{
    [HttpPost]
    public bool Post([FromBody]string value)
    {
        return CheckStatus(value);
    }

    private bool CheckStatus(string url)
    {
        var request = (HttpWebRequest)WebRequest.Create(url);
        request.Method = "HEAD"; //only retrieve headers

        HttpWebResponse response;
        try
        {
            response = (HttpWebResponse)request.GetResponse();
        }
        catch (WebException e)
        {
            response = (HttpWebResponse) e.Response;   
        }

        var responseCode = (int)response.StatusCode;
        return responseCode < 400; //erroneus response codes starts at 400
    }

}