This is a migrated thread and some comments may be shown as answers.

refreshing dynamic views

5 Answers 402 Views

Application

This is a migrated thread and some comments may be shown as answers.

Pete asked on 15 Feb 2012, 10:40 PM

I start my app with a listview of several states that have links like this:
example: <li><a href="#two?st=AZ">Arizona</a><li>

My second view (or page) should be populating my div id's for:
<div id="title"></div>
<div id="img"></div>

with this ajax code:

function getUrlVars() { 

var vars = [], hash; 

var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); 

for(var i = 0; i < hashes.length; i++) 

{ 

hash = hashes[i].split('='); 

vars.push(hash[0]); 

vars[hash[0]] = hash[1]; 

} 

return vars; 

} 

 

var st = getUrlVars()["st"]; 

 

$(document).ready(function(){ 

$.ajax({ 

url: 'http://staging.lifecaremediacenter.com/json/states.php?st='+ st, 

method: 'GET', 

dataType: 'jsonp', 

success: function(data){ 

$.each(data, function(){ 

$('#title').text(this.stname); 

$('#img').attr('src', 'images/states/lrg/' + this.img); 

}) 

} 

}); 

});

It will populate the view if I click refresh on the browser, but how do I get this done without having to do a physical refresh each time?

Thanks,
Pete

refreshing dynamic views

5 Answers, 1 is accepted