JQuery :: JSON - Refreshing Request Second Time After Page Loads
Oct 24, 2009
I'm using some jQuery to work with the Last.FM API, and I'm stuck where I need to allow the user to run the JSON request a second time after the page loads (it loads once automatically when the page loads, the second time is when they push a button). What happens currently, is the JSON function is fed some default data when the page loads:
$('#graph').lastFM({
username: 'UserName',
from: 1254369600,
to: 1256184000,
apikey: 'myApiKeyHere',
onComplete: function(){
//Done
}});
The JSON function:
$.fn.lastFM = function(options) {
var defaults = {
username: 'Verdani',
apikey: 'e4f3bb251d13179bf7ce80a089fb3d0c',
onComplete: function(){}
},
settings = $.extend({}, defaults, options); .....
You might have noticed in the JSON, I write the URL the JSON is requesting to the console every time it runs. When I click this button, a new URL pops up in the console below the first one but only for a second, and then the page reloads and the original JSON request is called. It's this loop that I can't seem to break out of - why does re-calling the JSON refresh the page?
View 1 Replies
ADVERTISEMENT
Jan 3, 2012
I am new to jQuery and have managed to create a tabbed interface with 4 sections. When the page loads, the tab content of section 1 shows up and the user can click on the others links to show other sections. In other words, tab 1 is always the first to be "active." However, I want to have a random "active" tab every time the page loads, so that other sections can be "active" as well randomly. Once the page loads with the random active tab, then the user can click to look at other sections.
<body>
<div id="tabs">
<ul>
<li><a href="#1">Tab One</a></li>
<li><a href="#2">Tab Two</a></li>
<li><a href="#3">Tab Three</a></li>
<li><a href="#4">Tab Four</a></li>
</ul> .....
View 1 Replies
View Related
Aug 24, 2011
refreshing a page once,twice or so on every given time.. (refresh 1x/30 secs or 2x/40 secs)to make it clear:example i will input 100 on a textbox (so this is my given time) and i will set to refresh the page once,twice and so on in every given time(the 100 i have inputed)
View 2 Replies
View Related
Sep 9, 2009
using Javascript to increase a number over time without refreshing the page? I also need it to continually go up, and not start at 0 on every refresh.
View 12 Replies
View Related
Jun 14, 2011
I have done the hide/show divs using javascript.Its working fine but the problem is that at the time of page loading the hidden divs are showing first anf then disappearing.Is there any way not to show the hidden elements even if the page loads for first time
View 3 Replies
View Related
Nov 20, 2001
When the page loads for the first time or after refresh the text within the scroller is black for a brief time and then it turns to white. I have tried changing the values but can't get it to start with white text?
The other thing is I would like to be able to have a hypertext link within the text but I tried using the normal <a href> tags but this doesn't work. Can you see a way of doing this? Code:
View 6 Replies
View Related
Dec 23, 2010
I have a website with a floating cart and it loads fine and works almost flawlessly . However, when a person has a bunch of items in their cart, and they want to minimize it for the rest of their browsing experience, every time a new page loads, or a refresh happens, the floating cart un-minimizes and expands out fully again displaying all the items.
This can become very annoying during the shopping experience when you have a bunch of items loading and just taking up space in the browser. Therefore, I am wondering if their is some html or script that would save the minimizing in the floating cart, and carry it over to the next page, and the rest of the browsing on site?
View 19 Replies
View Related
Sep 17, 2010
I am trying parse a json request.
The json response is
I have tried to console.log the item in a number of ways including: arrayToParse[item] item[1] item[0]
I either get the key of 1,2,3 or undefined. How do I get the values in this scenario?
View 2 Replies
View Related
Oct 23, 2011
Im updating a div with a ajax json dataType request i need the div to update to tne new request each time the option input is changed the problem is the div is updated but the first request is in it then the second then the third...so the div keeps on getting populated with each request how can i make so the div is polpulated with each request and not every request added to it? try with many stuff:append, remove but cant get it to work.
View 1 Replies
View Related
Nov 4, 2010
I have troubles with a simple jQuery.ajax-request which looks like this:
jQuery.ajax({
type: "GET",
url: "[URL]",
//url: "[URL]",
data: "",
success: function(data, status) {
$('body').html(data);
},
dataType: "json"
});
I test this with two different url's:
[URL]
[URL]
The first url works and I get json-data in the data-object. The second url gives a "parseerror", and I can't figure out why. As far as I can see (and using a json-validator) the second url returns valid json, so what's wrong?
View 2 Replies
View Related
Mar 28, 2011
I got a problem with a json response from an ajax request.
I have the following code :
Code:
And the called page (ajax_sous_famille.php) is giving me this result :
Code:
The info in the resulting string is correct, but here you can see the [ ] at the start and end of the line. It seems not to be a correct Json string and then it crashes my script !
I have another request like this which gives me the good format of resulting data (without the [ ]) and which works perfectly when i decode the Json string to display it.
The difference between the 2 requests is that the one which works returns only 1 array of values like
Code:
And the second one which doesn't work returns something like
Code:
Actually, all the records are coming from a database and in the case it doesn't work, i wanna get several results from this database.
View 7 Replies
View Related
Apr 11, 2010
i'm trying to get a JSON-request from this API: h
[Code]...
View 1 Replies
View Related
Apr 21, 2010
So I have a function that is going to get a URL, and have to retrieve json data from that URL. The URL _might_ be same-domain, and might be cross-domain. If it's cross-domain, of course I want to do jsonp complete with the script-tag-to-load and such, but if it's same domain of course I want to do just xhr for efficiency. So I _could_ write all my own logic for this. Write logic to see if the url is cross-domain or not, and then make entirely different $.ajax() calls depending.
(I think I need to use $.ajax() rather than $.getJSON() because I need a callback on failure, not just success). If it is cross-domain, use dataType:jsonp, and make sure to supply a &callback. If it's not cross-domain, dataType:json, and don't even bother supplying a callback. But I'm having trouble figuring out if this is true, or how. What's the easiest way to get $.ajax() to make a dataType:json request if it's same-domain, but a dataType:jsonp request if it's cross-domain?
View 1 Replies
View Related
Aug 14, 2009
I'd like to resize an iframe into which different (same domain) pages of differing heights are loaded. I can do a first-time resize no problem. It's the subsequent reloads that need to pass back their height to the parent page There seem to be lots of solutions for that around, but few I can see for resizing each time the iframe reloads. One is described here on another board [URL] but unfortunately the test page is no longer around (or indeed the site), so the full code is no longer available there. This one works, almost, for me: [URL] it does resize for me, but not quite sufficiently high each time - about 90% of what is required: [URL] Is there a way to add on sufficient extra margin that scrollbars no longer appear?
View 8 Replies
View Related
Dec 2, 2011
It seems like when I load javascript code into a page, that each item I add, such as an accordian vertical navbar, image slider, etc, that each time I add one, the page loads a second or so slower with each one added. I would like some of these features, but is this just a part of life, or are there tricks to avoid the slower load time? It is not major time but after the 2 items I mentioned, it added on about 2 seconds.
I read that $(document).ready(function() might slow me down but I do not see that statement in any of my .js files.
View 4 Replies
View Related
Oct 1, 2010
I am doing a JSON request to get data back from a PHP file. On the return of that data, I am using a for loop to go through the data and post it up using JS. Here is my code:
for (var x = 0; x < data.length; x++) {
//create a container for each comment
var div = $("<div>").addClass("entry round").appendTo("#characters");
//add author name and comment to container
$("<div>").addClass("details").appendTo(div);
$("<span>").addClass("main-armory button").appendTo("div.details");
}
Now, what is happening, because there is 10 entries being posted, my JS is looking at the class that is being put together (main-armory button) and making it so that class appends every run through. So, I want one entry for main-armory button and I am getting this:
<div class="details"><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span><span class="main-armory button"></span></div>
And then, when it goes down to the next entry, it has 9 spans, and then the next entry has 8 spans, and it continues all the way down. What is going on here that I am missing? I know that I am not clearing a variable properly or something is wrong within my loop.
View 3 Replies
View Related
Dec 12, 2011
I would like to use jquery to load 3 images after the page has loaded. I would like to request and load one image at a time. I tried this, but the requests and loads are happening simultaneously.
View 2 Replies
View Related
Oct 13, 2011
The following request isn't retrieving a response when I look for it in Firebug. Any ideas why?
$function(){
//json request to flickr
$.getJSON('http://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos&api_key=71282ef5623d61a898f798c7916bed31&photoset_id=72157627882181032&format=json&jsoncallback=?'),
});
View 1 Replies
View Related
Aug 15, 2010
i has a page that has three tabs . when user access page three tab get content by ajax. i want to get content three tabs at the same time. what should i do? And i try to addsortable for my tabs but i don't work as i want. i want when i move tab everything in tab move together. this is my prolem [URL] $(".tab").sortable({connectWith: '.tab'}); i want my tab sortable like [URL]
View 5 Replies
View Related
Sep 24, 2010
If I generate a new element via AJAX, jQuery don't listen to events at this element. I read that live() how to use this function together with post().
That's what I have:
$(document).ready(function() {
$.post('products.php', $('#products_form').serialize(), function(returnData) {
$('.target').html(returnData);
});
[Code].....
View 5 Replies
View Related
Aug 14, 2007
whats the best way to pass a json string to the server.
if my jsonstring = {a:Ƈ',b:'sds',c:'sdg'}
could i send that to the server passing it as 1 variable like so:
url = /serverside.php?json=jsonstring
or would i have to break it down into something like this:
url = /serverside.php?a=1&b=sds&c=sdg
View 2 Replies
View Related
Jun 2, 2011
In our application we have used json data and we get json data from the server and on client side we display in grid. We have functionality of paging and filter. so on paging and filtering we process that json data and show to user. For filtering we are comparing each value to the filtered criteria and when json value is more thatn 35 kb it takes around 8-10 second to filter it. So is there any way that we can minimize the processing tiem.
View 1 Replies
View Related
Feb 8, 2010
I'm making this ajax call:
Code:
url = "/GeoAdaptaApp/geoLogger/logGuiEvents?json="+aLotOfJSONStuff;
encUrl = encodeURI(url,"UTF-8");
new Ajax.Request(encUrl, {
method: 'get',
onSuccess: this.sendQueueToServerSuccess( this,logConsole ),
[Code]...
The JSON string seems correct (I checked it with a validator) and it worked on an Ajax.updater (but i need a request now). Firefox keeps telling me:
[Code]...
The call always end up in the onFailure block. Full request here: [URL] It's very strange, Is there a better way to pass json objects to the server?
View 1 Replies
View Related
Aug 15, 2010
I am trying to make a fuinction that, when called, will return the string that is retrned in text form from my php code.
This is what i currently have, but it is just failing when it is run, what am i doing wrong?
function shortenUrl(url) {
var response;
varxmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "http://10.1.1.10/projects/short/?ext&url=" +
[Code].....
ohh, and this is running chrome, so no standards issues :D
View 2 Replies
View Related
Jul 2, 2010
i want to find out the idle time when there is no http request is going on..i dont want to track any mouse or key board events.i dont want that..i read these thread but it is only about screen idle time URL...i am trying to track the time when there is no transaction going between client and server and no http request is sending if i will get that time then that time i can use to load my additional javascript files.so further transaction of user will become speed up..
View 2 Replies
View Related
Jun 1, 2011
I was wondering if there is a way to find the total round trip time of a request. Addins like firebug and chromes console show you this round trip time but i was hoping there was a way to extract it from the response itself.
I would also like to know the response time from when the server sent the request and the client received it. I do not think this is possible since the server and client have different timing systems but it would be very useful.
View 3 Replies
View Related