Search jQuery

jQuery Forum

Page refresh

in jQuery Mobile • 11 years ago

I've seen a couple of posts about this, none with a really good answer. What is the best way to refresh a page without reloading the site?

Here is my use case, I have a group page that i am not a member of. This shows limited data. I can join the group. Now i can see more data. I want to refresh the page, without reloading the site. I have tried sending a ajax request for the new page and swapping the html and running .page(), but that did not work.

I have a couple of other use cases, but it all come down to being able to easily refresh the html and rerun the page setup.

this is what i tried to do:

jQuery.fn.refresh = function() {
var page = $(this);
$.ajax({
url: page.jqmData('url'),
success: function(new_page){
page.html($(new_page).html());
page.page();
}
});
};

Replies(7)

rdejuana

Re: Page refresh

11 years ago

so i think i solved my issue. I wrote this to make it easy to refresh a page:

jQuery.fn.refresh = function() {
var page = $(this);
var url = page.jqmData('url');
if ( $.trim(url) == '' ){
url = '/';
}
$.mobile.changePage ({url: url}, 'fade', false, false);
};

you can either call $.mobile.activePage.refresh() to refresh the current page. or I called in pageshow event like this $(this).refresh().

rdejuana

Re: Page refresh

11 years ago

as an aside. if you have a page that you want to refresh all the time. you can add this code:

$('.page[data-cache=false]').live('pagebeforecreate', function(){
Mobile.just_created = true;
}).live('pageshow', function(){
var page = $(this);
if (!Mobile.just_created){
page.refresh();
}
Mobile.just_created = false;
});

This will refresh the page on page show, unless the page just got inserted into the dom. The Mobile object is a global object I have to keep track of some stuff.

bmidgley

Re: Re: Page refresh

11 years ago

is this workaround still going for you in beta1? I'm not finding any way to force enhancements to take. Only on the first call to page() will a given object actually get enhanced.

rdejuana

Re: Page refresh

11 years ago

I havent implemented beta 1 yet, but I do know that the changePage function takes an opts hash instead of a bunch of parameters, so i will need to update it once i upgrade.

germallon

Re: Page refresh

11 years ago

Thanks for the post. I'm facing the same issue, but the proposed solution is not working for me.

Uncaught TypeError: Object #<Object> has no method 'jqmData'

I'm guessing this happens on the line:

var url = page.jqmData('url');

When I debug the page object using firebug, I notice that is the DOM representing the current page. But I see no reference to jqmData or any other properties/methods present in that object. What am i missing?

Thank you in advance.

Ps: I'm using jquery 1.7, and jquerymobile 1.0.

frequent

Re: Page refresh

11 years ago

germallon

JQM does not support Jquery 1.7 yet. It should be supported with JQM 1.1, but until then you are better off with Jquery 1.6.4.

Cheers

Frequent

germallon

Re: Page refresh

11 years ago

Thanks for the reply. I switched back to 1.6.4 and I still got the same error.

I also debugged the object and was able to extract the URL by doing the following:

//var url = page.jqmData('url');
var url = page.data().url;
if ( $.trim(url) == '' )
{
url = '/';
}
console.info("url:" + url); //This prints 'home', the title of my current page.
$.mobile.changePage ({url: url}, 'fade', false, false);

However, I still get the following error:

url:home
1. Uncaught TypeError: Object #<Object> has no method 'jqmData'
1. a.mobile.changePagejquery.mobile-1.0.min.js:59
2. jQuery.fn.refreshhome.js:26
3. onSqlSuccess home.js: 122

What am I missing? Thank you.

Top Reply

Response title

Attachments

jQuery Forum

Page refresh

Replies(7)

Re: Page refresh

Re: Page refresh

Re: Re: Page refresh

Re: Page refresh

Re: Page refresh

Re: Page refresh

Re: Page refresh

Statistics

Tags

Actions

Related Posts