JQuery :: GetJSON - When Execute Code It Calls Service But Nothing Comes Back Or There Are Errors
Jul 18, 2011
I am using jquery to getjson from my service. The service works perfectly if you use fiddler and through the mvc code behind. You can also call the URL directly in the browser and it sends back the correct data.
But when I execute the below code it calls the service but nothing comes back or there are errors I cannot figure out what they might be. It seems like a very simple test of the getjson function.
I'm trying to execute a simple JSON request using getJSON but I can't get a successful response. My code is below. If I run this I always receive an error. If I add "callback?" (making it JSONP) then I can see the correct results in Firebug but the call back function is never executed. function getResults(url) { var gptUrl = "[URL]"; $.getJSON(url, {f: "json"}, function() { alert("success"); }) .success(function() { alert("second success"); }) .error(function() { alert("error"); }) .complete(function() { alert("complete"); });}
I am trying out $.ajax instead of getJSON for debugging purposes. Because getJSON did not report an error in IE (6,7 or 8) and I am trying to figure out why a jQuery plug-in is not painting my returned images to the screen in IE but is in other browsers. So I tried this. Interestingly enough, it hits the error event in IE but not firefox, safari and the rest and I don't know why (this code works great and renders my data just fine in FireFox and the rest). I know my returned json is valid:
I don't know what else to do to troubleshoot why IE is having so much trouble with the returned JSON or just executing the function(data) using either getJSON OR this. I have set the headers not the cache also in the response. IE refuses to enter my function(data) on the response.
Same result. Firefox and the rest had no issue. IE still exited the $.ajax and my error method kicked in. No rhyme or reason whatsoever and I tried the IE Dev tools... nothing. About the only thing I get is this: Line: 163 Error: System error: -1072896658.Line 163 which is simply the line: function() { alert("An error has occurred. try again."); This has got to be the most f*d up situation I've been in and I need to get this working! I just cannot understand why IE can't parse a getJSON or $.ajax response, that is impossible or else there would be a huge meltdown with jQuery.
I am a novice, almost to an intermediate-level JavaScript guy, so much of this is new to me. I appreciate your patience reading this.
I have a routine that creates some HTML on the fly (updateFilters() function) and after the HTML is created, I attempt to access some fields (elements) on the form itself.
I works fine if I place an alert() statement after the HTML is created, but when I remove, the code errors out.
I have tried the setTimeout() statement, but I cannot grab the element --- undefined or null is returned. It seems that the form is the only element I can get a handle on --- everything else is undefined or null...
Here is the code:
function editQuery() { var f; var x; var myForm = document.forms[0]; // Get the row filters that were used in the last query.. for (f = 1; f < 16; f++) { var filter = eval("myForm.FilterList_" + f); if (filter.selectedIndex > 0) { var methodElement = element("FilterMethod_" + f); var methodIndex = methodElement.selectedIndex; var savedFilterMethodValue = methodElement.options[methodIndex].text; var choicesElement = element("FilterChoices_" + f); var choicesIndex = choicesElement.selectedIndex; if (isNaN(choicesIndex)) { var savedFitlerValues = choicesElement.value; } else { var savedFitlerValues = choicesElement.options[choicesIndex].text; } updateFilters(filter); // update the filters // take the saved methods and values and then update the selections // Alert here makes the code work.. // alert("Try this"); // Wait for HTML.. setTimeout("completeEdit()", 1000); function completeEdit() { // Since the object was updated, get the object again.. var methodElement = element("FilterMethod_" + f); for (x = 0; x < methodElement.options.length; x++) { if (methodElement.options[x].text == savedFilterMethodValue) { methodElement.options[x].selected = true; break; } else { methodElement.options[x].selected = false; } } // Since the object was updated, get the object again.. var choicesElement = element("FilterChoices_" + f); for (x = 0; x < choicesElement.options.length; x++) { if (choicesElement.options[x].text == savedFitlerValues) { choicesElement.options[x].selected = true; break; } else { choicesElement.options[x].selected = false; } } // Only display next row if f = 2.. // If only one row was used, no reason display the next row.. if (f == 2) { displayNextFilter(f - 1); // display it } } clearTimeout(timeOut); } } }
Do I have to pass the object (the form, the elements) to the completeEdit() function in the setTimeout() statement?
I'm writing this in case it might help someone who hates Internet Explorer as much as I do. I'm fairly new to jquery so many people may already know this but this one stumped me pretty good.I had my code in document ready but for some reason all of it wasn't executing. It would just stop at a certain point. All the code executed fine in Chrome, Opera, Firefox, and Safari. Only internet explorer got hung up on a line of code that i wrote in regular javascript and not in jquery syntax and just would not continue after that. After changing it to jquery syntax it worked.[code]
function show('id') { document.all['id'].style.visibilty = 'visible' } and I'm using the following code to call the function:
show('contacts'); however I am getting an "Object Expected" error. I know the JavaScript itself works, because I've tested it using a direct call using the code itself, rather than the function, if you get what I mean.
I'm trying to write a simple javascript and am having some difficulties. The purpose of the script is to send an xml document to the service. The response is not important.
I am trying to use the following code to trap JavaScript errors. It seems to work well in IE and FF but not in Opera. I expect I must have turned it off somewhere in the "preferences" but I can't find where. I'm using Opera 10.10.
Code: <script type="text/javascript"> function Err() {[code].....
Now I want to call a method a number of times from with the class and when they have all finished I want a second method to be called, I don't want the methods themselves to be altered, i.e. I want this to be generic.
Here was my idea:
var timerCounter = 0 function CallFunc(func, callbackFunc) { timerCounter--; if(timerCounter == 0) { callbackFunc() } }
I'm using the following code (simplified version) to call a Json file, parse it and on each iteration, create a div with an ID of "tab". I'm using this with jQuery UI .tab() to create a listing with entries which have three tabs. Anyhow, the principle seems to work except that when I examine what's happening behind the scenes using Firefox console, I see that each href in the html code produced is causing the Json function to re-fire using the href as it's url target.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
I am wanting to be able to swap out any of them to make them 'primary' this works for the first click, but after the first click it makes every div id and input name the same as the first that was clicked.It's also not working AT all if i click on the bottom link first, then a link above it.Top-down works, bottom-up doesn't.
And the jscript detects when d0, d1 or d2 is clicked and executes my script. It all works perfectly, however when you click on a link it will jump to the top of the page as a side effect of the a href="#" I assume?
I have the following problem in Internet Explorer 6: after loading Google map (use simplest example from Google API site) I see abracadabra instead of russian letters on control buttons ("Satellite" and others).
If I simply remove check from View | Encoding Auto-Select and then check this item again the page is refreshed and everything is ok with russian letters. (By the way, there is no such problem in FireFox).
So my question: is it possible to execute these menu commands by the Javascript code? If yes - how? If no - what to do?
Im currently creating a textbox with an AJAX auto-complete feature but have reached a wall. I can create a div below it with a list of results but now need to allow the user to select. I can setup it up with an onClick, easy. But I need help with the arrow buttons as that is how I would like it to function. The script only allows 5 results at a time with each having an id of 0 to 4. Each result is a div, below is this code (created by PHP):
There is a JS file attached to the page this is echoed onto, so what would the code need to be on both the div (mouseup, mousedown...) and then the function that calls.
I am trying to make a site for a photgrapher where the user see's thumbnails of his pictures, then when the pictures are clicked on I want them to open up in a dynamic content box.I can only assume that this is JS/AJAX coding that does this.I have found the following bit of code that does almost this. Except it performs the function on page load and not on mouse click and it opens one of two pages randomly.
var interstitialBox={ //1) list of files on server to randomly pick from and display displayfiles: ['samplecontent.htm', 'samplecontent2.htm'],[code]...
from what I can tell, each thumbnail would need their own bit of code that calls on a function related to the full size image url.
1. When I have the "<textarea>" code lines in it put a text-area on the page, but it puts all of the code following that first text-area line into the text-area box and doesn't execute that segment of code.
2. When there is no "<textarea>" (for the sake of seeing if the rest of it worked) it doesn't check the survey.
I'm stumped and can't figure out what to do at this point Code and pictures follow:
I need to use self.scrollTo(x,y) as the last action in a js function called by a onClick event. It seems that the scrolling actually takes place, but the document is then scrolling back to top when js code execution has ended.
In the following example I get this effect in IE6 with the third and fourth calls, while the first two work fine. Code:
I have this piece of javascript code, which enables me to get my Picasa photos without link back feature, in my webpage. The issue is with the hardcoded RSS url feed. I want this to be dynamically passed as a variable to the java script.I use a PHP code, where this javascript is coded.
In the below code, if I say var samples = <?php $url_code ?>, the javascript does not recognize.
