标签: partial-page-refresh

JQuery对话框:如何进行部分页面刷新并每次都获得新的对话框

在尝试创建对话框然后进行部分页面渲染时,我的JQuery对话框出现了工作流问题.我将尝试通过一个示例场景,并提前为长期问题描述道歉:

页面加载,我希望将html转换为JQuery对话框.对话框在document.ready(using .dialog())上创建,但autoOpen属性设置为false.当JQuery创建对话框时(如果我使用Firebug来检查页面),对话框html实际上是从它的正常位置剥离并停留在文档的最末端,周围有一些包装类.用户通过单击刚才执行的链接打开对话框$dialogDiv.dialog('open').

所以一切正常.问题是我有时会使用AJAX(使用ASP.NET MVC RenderPartial)进行部分页面重新加载.我正在刷新的页面部分恰好包含了所有的对话框html,因此会重新写出来.但请记住,对话框(包含所有JQuery包装类等)已经存在于文档的底部.那个html不是页面刷新的一部分,所以现在我坚持使用两组对话框html.这给了我各种各样的问题,因为我在页面上有重复的id,并且这些html元素上的jQuery行为变得不可预测.当我开始进行3,4,5个部分页面刷新时,情况更糟,因为那时我有3组,4组,5组对话框html(在document.ready上只有一个真正的对话框).

我想我可能需要在某些时候破坏对话框或某些东西,但我对这种方法没有任何好运.有没有人有任何想法?

非常感谢.

ajax jquery dialog jquery-ui partial-page-refresh

9
推荐指数
1
解决办法
8982
查看次数

每15秒读取一次文本文件的内容

我正在一个音乐网站上工作:我在服务器上有一个文本文件,其中包含当前播放歌曲的名称.我想每隔15秒读取一次文本文件,并更改我网站上显示的文字,而不刷新.

现在,使用一点点jQuery和javascript,我实际上已经达到了第一次读取和显示文件的程度,但它不会刷新.我尝试过各种setInterval函数,但对于我的生活,我无法使这部分工作.任何帮助将不胜感激.

这是我有的:

<script type="text/javascript"> 
$(document).ready(function() {
    jQuery.get('http://www.XXXXX.com/nowplaying/NowPlaying.txt', function(data) {
        var myvar = data;
        var parts = myvar.split(/\n/);
        var songtitle = parts[0];
        var songartist = parts[1];
        var songalbum = parts[2];
        var songtime = parts[3];
        $('#songtitleholder').html(songtitle);
        $('#songartistholder').html(songartist);
        $('#songalbumholder').html(songalbum);
    });
});?
</script>
Run Code Online (Sandbox Code Playgroud)

javascript jquery setinterval partial-page-refresh

8
推荐指数
1
解决办法
7350
查看次数

通过API刷新Twitter页面

我正在使用Twitter API(通过TweetSharp),并想知道是否可以从API自动刷新页面,以便所有用户都能看到更新?如果是这样,是否还可以通过仅部分页面更新来进一步更新,以便仅更新相关更改而不是整个页面?

谢谢你的帮助

c# twitter refresh partial-page-refresh

7
推荐指数
1
解决办法
1069
查看次数

如何在AngularJS中重新定位刷新的不同视图?

我正在AngularJS中开发一个应用程序.基本上,我有一个"主页"页面和一个"新项目".在主页中,我有一个菜单,其中包含"新项目"的链接.

我配置$ stateProvider如下:

$stateProvider.state('home', {
    url: '/',
    templateUrl: 'partials/home.jsp'
}).state('newproject', {
    url: '/newproject',
    templateUrl: 'partials/new-project.html'
})
Run Code Online (Sandbox Code Playgroud)

所以,当我进入应用程序时,我在主页.然后我点击"新项目"链接,我在"新项目"页面.现在网址是http:// myapp/newproject

我的问题是,当我刷新页面时,我想在主页上重定向,即使浏览器栏中的URL仍然是 http:// myapp/newproject

我怎样才能实现这一目标?

更新:

非常感谢您squiroid你的答案.我使用了第二种解决方案,它就像一个魅力.稍微澄清,以防万一有人应该有同样的问题,在重定向到家之前你必须防止默认操作.所以正确的工作代码是:

$rootScope.$on("$locationChangeStart", function(event, next, current) { 

if(next==current && next=='/newproject')
    event.preventDefault();
    $state.go('home');
Run Code Online (Sandbox Code Playgroud)

});

javascript partial-page-refresh angularjs angular-ui-router

7
推荐指数
1
解决办法
5842
查看次数

JavaScript的.在循环执行期间,innerHTML的循环不会更新

我正在尝试在每个循环中刷新来自Javascript的div并查看1,2,3,....以下代码可以工作,但只显示最终结果(9998).如何显示所有步骤?先感谢您.

<html>
<head>
</head>
<body>

<div id="cadre" style="width=100%;height=100%;">
    <input type="button" value="Executer" onclick="launch();"/>
    <div id="result" ></div>
</div>

<script type="text/javascript">
     function launch(){
        for (inc=0;inc<9999;inc++){
            document.getElementById('result').innerHTML = inc;
        }
     }
</script>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript innerhtml partial-page-refresh

6
推荐指数
2
解决办法
1万
查看次数

具有表单和搜索结果的网页的后退按钮功能+ Ajax(ASP.NET)

我有一个用于搜索的asp.net表单.搜索结果使用Ajax显示在同一页面上.如果我导航到另一个页面并返回,我会得到填充的表单,但搜索结果为空.返回页面并填充结果的最佳方法是什么.

或者,当单击后退按钮时,如何强制页面回发以使用结果重新填充页面?

asp.net ajax updatepanel partial-page-refresh

5
推荐指数
1
解决办法
3576
查看次数

更改页面而不刷新页面中的div

嗨,我正在寻找一个教程,了解我如何创建一个页面与页面网址更改时不刷新的div.

防爆.当我从网址移动到另一个网址时,Facebook聊天不会刷新.

谢谢

javascript partial-page-refresh

5
推荐指数
1
解决办法
2261
查看次数

我可以选择性刷新JSP页面中的内容吗?

它似乎很奇怪,但仍然:

有什么办法可以让jsp页面的选择部分得到刷新吗?假设:

<% response.setIntHeader("Refresh",1); // refresh at an interval of 1 second %>

<!-- Html5 snippet that plays a sound that lasts more than a second !-->

<% jsp code %>
Run Code Online (Sandbox Code Playgroud)

现在,我希望当页面刷新时,音频剪辑从它离开的位置开始.那可能吗 ?剪辑的大小是2.4 MB

html java jsp partial-page-refresh page-refresh

5
推荐指数
1
解决办法
5676
查看次数

PHP使用ajax刷新表内容

我有一个表单,其中包含一个表,该表根据下拉列表中的选定选项动态填充数据.

下拉列表包含2个"启用"和"禁用"值.表中每行的第一列包含一个复选框.表结构如下.

[checkbox ]| user | status

[checkbox1]| jim  | enabled

[checkbox2]| sam  | disabled
Run Code Online (Sandbox Code Playgroud)

复选框值等于userid.

有一个用于更改所选用户状态的按钮.

在按钮上单击所选复选框值将使用ajax发布,并且所选用户的状态已更改,但数据仅在页面重新加载时刷新.

如何在状态更改时刷新表.这是我的剧本.

 function Status(){
    var checked = []
    $("input[name='select[]']:checked").each(function ()
    {
        checked.push(parseInt($(this).val()));
    });
    if(checked!=''){

                    $.ajax({
                        type:'post',
                        url:site_url()+'/common/changeStatus',
                        data:{'checked':checked},
                        dataType:'json',
                        async:false,
                        success:function(result){

                            if(result!= "false"){
                                $.msgBox({
                                    title:"Success",
                                    content:"Status change successful"
                                });
                                $(function () {
                                    $('.msgButton').click(function (event) {
                                        event.preventDefault();
                                        $("#table").load($(this).attr("#table"));

                                    });
                                });                                
                            }
Run Code Online (Sandbox Code Playgroud)

#table是包含数据的表的id.

php jquery codeigniter partial-page-refresh

5
推荐指数
1
解决办法
4147
查看次数

阻止UpdatePanel以编程方式更新

我在UpdatePanel中有一个GridView,由于我无法找到的一些错误,当我下载文件(通过另一个更新面板内的iframe)时,我的按钮的背景图像不显示.

我认为,因为下载并不需要更新面板(导致错误),我想阻止UpdatePanel仅在这种情况下更新.

我知道我可以使用属性"ChildrenAsTriggers = false"但我不想在gridview内部调用的每个函数中放置updatePanel1.Update().

有解决方案吗

提前致谢

c# asp.net updatepanel partial-page-refresh

4
推荐指数
1
解决办法
2960
查看次数