Question

在我的网页上，我有以下链接：

<asp:LinkButton ID="lnkChangePic" runat="server" onclick="lnkChangePic_Click" Text="Upload new profile picture"></asp:LinkButton>

单击它时，它会调用此函数：

    protected void lnkChangePic_Click(object sender, EventArgs e)
{
    pnlUpload.Visible = true;
    pnlChangePic.Visible = false;
}

该链接存在于pnlChangePic中。 pnlUpload最初不可见。当用户点击此链接时，我希望页面尽可能响应，此时，当用户点击时，页面只有两位发生变化：面板和页面上也有一个Twitter流：< / p>

        <div class="fr">   

            <h4 id="twitter">Twitter Stream</h4>
            <script src="http://widgets.twimg.com/j/2/widget.js"></script>
            <script>
                new TWTR.Widget({
                    version: 2,
                    type: 'profile',
                    rpp: 4,
                    interval: 6000,
                    width: 430,
                    height: 300,
                    theme: {
                        shell: {
                            background: '#000',
                            color: '#666'
                        },
                        tweets: {
                            background: '#000',
                            color: '#666',
                            links: '#ffa20f'
                        }
                    },
                    features: {
                        scrollbar: false,
                        loop: false,
                        live: false,
                        hashtags: true,
                        timestamp: true,
                        avatars: false,
                        behavior: 'all'
                    }
                }).render().setUser(asdf').start();
            </script> 
        </div>

我该怎么做才能让用户点击链接时不刷新twitter蒸汽？我可以让它停止这样做，页面将更具响应性。

Answer 1

您希望在不重新加载整个页面的情况下运行某些服务器端代码。

您有两个主要选项 -

将您想要更新的部分放在UpdatePanel中并使用ASP.Net AJAX进行更新（单击UpdatePanel中的按钮将触发异步回发 - 仅UpdatePanel中页面的一部分将被更新）
缓存Twitter控件的输出并在回发时提供缓存版本。由于Twitter控件似乎完全是客户端，这可能有点困难。

你最好的选择可能是ASP.Net AJAX UpdatePanel。

阻止twitter api刷新

1 个答案: