使用javascript重新加载整个页面而不刷新一次

时间:2015-07-08 17:22:42

标签: javascript php

如何在不刷新的情况下静默重新加载当前页面(正文或全部)?我只想在回调javascript函数中重新加载一次页面。这是因为有些数据已经改变了。

编辑:为了澄清,我希望重新加载/刷新页面,而不会让用户看到除了内容更改之外明显刷新。我是初学者,所以如果我要使用Ajax,我该把它放在哪里?目前我有一个.js javascript文件,包含我的所有功能。

1 个答案:

答案 0 :(得分:0)

如果您想根据用户输入显示div内容或更改,您应该使用jquery和ajax ... 通过示例,我将向您显示一个脚本,该脚本将通过单击导航菜单来更改网页的主体,而无需重新加载页面。

function navnewtab(){
            b='';
            $('.ocultar').hide()
            console.log("clicked!");
            $.ajax({
                type: 'POST',
                url: 'script/tabclickhandler.php',
                data: {'somepostvariable':'value',
                       'somepostvariable2': value_that_can_be_a_javascript_variable_passed_on_function},
                success: function(data) {
                     console.log("post results");
                    console.log(data); ///post results data
                           $('#a_div_id').html(data); //put the post data on a div content
                             $('#a_div_id_that_was_hidden').show();

                    }

            });

        };

给变量o,按钮,li或任何你想要的变量提供一个onclick事件将使它工作。 希望它有所帮助