Jquery POST :: Allow The JSON To Load In My Browser?
Dec 23, 2009
On a page, I have a javascript json output that is generated through PHP. So, for instance, it would look like this:
Code:
var upny_iniresults = {
// "q_id" : "65977",
// "q_txt" : "What is your favorite genre of Music?",
"q_cdata" : [
And then PHP code that generates the JSON. I loop through a question, scan for the results (survey site) and display it as json data. Works perfectly. Basically, the JSON is important because I have existing functions that work with that data (display survey results of that question/etc)Here's the question.How can I generate the same Json output, so it can be read by my other jquery functions (Created by a previous developer, I am a PHP guy) by using Jquery POST as well as a query string. The idea is something like:
Code:
$.post("create_json_results_for_this_question.php", $("#firstform").serialize());
# Firstform is the name of the form that is submitted.
So, would a jquery POST allow the JSON to load in my browser (which I will activate during a click function) just as my PHP json output works or is there another way? I just want to simulate the same effect, but be able to USE the jquery querystring that I have, which is:
$("#firstform").serialize());
because this lets me return survey results of a previously submitted question.My last q. was too convoluted and I realized my dilemma is just the json output.
View 6 Replies
ADVERTISEMENT
Sep 11, 2010
I have a html file that I want to load, loop through the json data and for each json entry I want to add a new block of the html and insert the json data into the matching div/class of the html. json looks like this:
{"Super" : [{"Name" : "John Doe", "Age" : "30"}, {"Name" : "Jane Doe", "Age" : "40"}]};
html looks like this:
<div class="Name"></div><div class="Age"></div>
So for each json entry of name/age, I want to insert that into the html, and then add another row, until all json data has been fetched. After this I want to insert all of this into #box, which is just a divthat should contain that html. Looping like this obviously does not work, since I just keep replacing the same html through the loop.
var jsonData = {"Super" : [{"Name" : "John Doe", "Age" : "30"}, {"Name" : "Jane Doe", "Age" : "40"}]};
$.each(json.Super, function() {
$('#box .Name').html(this.Name);
$('#box .Age).html(this.Age);
});
View 3 Replies
View Related
Jul 16, 2010
I have a ajax post that is a datatype json.
So my success function looks like this:
But it is not sure name exists. How can i check this out?
View 2 Replies
View Related
Jun 12, 2011
In the following post function, alert(data) returns my formatted JSON string:
{"Locations":[
{"__type":"VEMaps.PinData","Title":"1","Description":"Push Pin 1.","Latitude":49.25295,"Longitude":-124.13042},{"__type":"VEMaps.PinData","Title":"2","Description":"Push Pin
[Code]....
View 2 Replies
View Related
Mar 2, 2011
I would like to redirect my request from a page to another one with a json object. The only way i have found to do this is :
[Code]...
Is there a way to do this without using .Ajax ? With this method i have to save my json object in my session to reuse it after and i don't like that !
View 2 Replies
View Related
Sep 28, 2010
The below code posts a couple of vars to a php file which sends back a json object containing (in the test case) one object called 'faves' with 2 variables (let's say called var1 and var2). I can't seem to access the variables after the ajax call. The result is always an 'undefined' error message. I've tried:
console.log(data.var1)console.log(data.faves.var1)
console.log(var1)
All to no avail. Can anyone tell me what I'm doing wrong here? I have checked with FireBug that all the data returned is good and well-formed etc.
$(function() {
$.post("<? echo base_url(); ?>test.php", {
id: "<?php echo $id; ?>",
[code]....
View 8 Replies
View Related
May 26, 2010
Im trying to validate a form (easy) and POST it to a third party WCF service. I am able to validate and POST data to the service, but its returned data (in table format) keeps opening in a blank page with their url in the browser address bar. Can't have that, I need to grab the returned data and .append it to a div on my page. Here is what I have that FAILS
<script type="text/javascript">
$(document).click(function() {
//cancel form
[code]....
View 3 Replies
View Related
Dec 3, 2009
I am working on a project where the jquery/design guru was fired and I am trying to pick up the pieces. Long story short, the project offers surveys to visitors. They click on a submit button (really just a css #id that looks like a button)
Code:
This then loads JSON that is generated via PHP during onload.
A sample of the json:
Code:
I load this json upon page load but I have a problem. On the home page, we have many questions and the json needs to be loaded with a MYSQL query (as of now) such as Select choices from questions where ID = 'question_id'
Here's my dilema. Upon button submit, the json is loaded through a function that animates. It works perfectly, but since I cannot pass the question id to the PHP script that creates the MYSQL query, I can't DYNAMICALLY load the JSON after a vote, only the data BEFORE a vote
I try to load it through an external PHP page but it never loads. For instance:
Code:
So I am able to vote upon submission of 'button' upny_sresbtn1 That works just fine. The problem is the JSON of /return_results.php DOES NOT LOAD. Only the json that loads upon onload, not the return_results.php + formData loads. Oddly enough, when I use the same function, above, with another submit form (one with a form and a bunch of select options, it loads the json from return_results properly) :/
It's supposed to load this function (upny_loadRJSON)
Code:
See the bold part? That's the animate function, which is:
Code:
The part that displays the results, before animation, is below:
Code:
The dilema is upny_iniresults.q_cdata is the json loaded upon first visit to the site. I am trying to get it to read the res_json JSON output from the return_results.php which is posted to upon submission. THAT never works. Instead, only the onloaded json loads. The process, from animation/etc DOES work just not for the JSON data I want.
View 2 Replies
View Related
Aug 9, 2010
So what I thought was going to be really turns out to not be working for some reason. I'm setting up a shell for my new site. So I'm just trying to get some of my pages linked together for testing the site flow and feel. I want to do this with javascript (jquery) because when I start passing session data that's how I'll be handling this.
So I have this simple line in my js code...
$('#submit').click(function(){
$.post("plans.html");
[code]....
View 2 Replies
View Related
Jul 30, 2010
I'm a total JS/jQuery newbie, and I'm having a problem using jQuery's load() to POST data to a remote PHP script and rewrite a DIV with whatever the server sent back.
Using a proxy in between, I can see that the JS script isn't sending anything, so I guess there's something wrong in the JS code I send to the browser [code]...
View 1 Replies
View Related
Jul 24, 2009
I am unsure as to how to make this work.
var params = $('form#createAdjForm').serialize();
var url = "<?= $this->url(array('controller'=>'create-adjustment',
'action'=>'index'))?>";
[code]....
View 1 Replies
View Related
Jul 26, 2011
How can Iload and parse a json file saved in our remote serverfrom my local machine? I can load and parse the copy I saved in my local machine, but I can notwork with the remote copy. The following is the code I tested:
<
html>
<
[code].....
View 1 Replies
View Related
Jan 25, 2011
{URL]
and I changed it round slightly, I would like the first select box to be Search by either Town or County - Having links would easier?! [URL]
So, when a user selects Town, the PHP selects the Towns or if the user selects County, then show the Counties list
I am currently getting the following error: $ is not defined [Break On This Error] $(document).ready(function() {
here is my HTML
<!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">
<head>
[code]....
View 5 Replies
View Related
Feb 28, 2011
How to fix browser cache and notmodified respond for JSON? jQuery.aja ({ifModified:true}) break on data respond (bug ticked for it was closed like invalid).
Are there any other solution to get 304:notmodified without breaking cache and data respond?
First time browser request [url] returns status 200 OK and nexts 304 Not Modified
XHR first time returns ok:
But on next times returns data undefined:
How to solve it? Expected result:
View 3 Replies
View Related
Feb 3, 2010
When I load a JSON file locally, I receive the following error in my Firefox console: "not well-formed / file:///<fileLocation>/data.json / Line: 1 / {}". The loading otherwise seems successful, as I can interact with the loaded JavaScript object. For this example, I'm loading an empty JSON object, but this error occurs with non-empty JSON objects, too.
My JavaScript code embedded in HTML:
<script type="text/javascript" src="jquery-1.4.1.js"></script>
<script type="text/javascript">
$.getJSON("data.json", function(jsonData, textStatus)
[code]....
I'm using Firefox 3.6 and jQuery 1.4.1. This error does not occur in IE 7.
View 5 Replies
View Related
Jan 4, 2012
I am doing some development using jQuery $.getJson lately and found the following weird scenario.
1. open google chrome without any argument then load a local html file.
2. the local html file will need to have $.getJson[url] .... bla bla bla and jQuery.support.cors = true.
3. data will get loaded
But if you try to load the exact same json data from other domain or localhost, it wouldn't works.
View 1 Replies
View Related
Aug 3, 2009
I am looking for some code that will do the following
Form to post any URL to an iFrame and load said URL.
I been told Javascript can do this, but I am also after the form bit as well if possible.
View 1 Replies
View Related
Jan 21, 2010
I'm integrating a small php form into my website using this:
jQuery
(
"#myID"
)
[Code]....
Everything works fine until I press the submit button. Of course the whole page is beeing reloaded and the submitted POST data is on my webpage but not INSIDE the php-script (which is integrated via "load"). How can I submit POST-data to my myscript.php file?
View 2 Replies
View Related
Sep 26, 2009
I need to be able to ensure that an html page will always load up in a particular browser. Let's say IE.Changing the default browser settings in the registry is horribly complex, and, besides, I don't want to override the user.That is, I envisage a javascript function on page load that checks which is the default browser in the user's machine. If it is IE, fine - page loads normally; if not IE, the page somehow forces a load in IE.I realise that you can make shortcuts that load up IE first and then a particular page, but that method has shortcomings: specifically the shortcut target below won't work in Windows 64-bit (and I must have a single shortcut for this task - not one for each Windows version)."C:Program FilesInternet Exploreriexplore.exe" -k "C:Program FilesmyfolderREADME.html"
View 2 Replies
View Related
Oct 21, 2011
I was just wondering if there is a way to load a CSS file depending on the browser that you are using. In this case I am looking to load a CSS file for Safari only. maybe another option would be to use CSS hacks (but not webkit).
View 1 Replies
View Related
May 9, 2010
I am building a webpage that loads information from an XML file. I am using XMLHTTPrequests.
On page load a function populateH(); is called which reads the XML file and populates the HTML(Home) page accordingly. The function uses getData() functions to read and write from the XML file.
The page works properly in FireFox, but the populateH() function doesn't seem to work with other browsers. I have tested my getData() functions in other browsers and it seems to work fine.
(example available at: [url]
My get data function is written as follows:
Code:
And my populateH() function is written as follows:
Code:
I use the XMLHttpRequestObject in the populateH() function to set the nodes to retrieve, and the getData() functions are called in the place functions (placeNews(), placeFriends(), placeLinks()) to write to the HTML document.
View 2 Replies
View Related
Jul 23, 2005
how would i resize a browser window to a specific size as the page loads,
using html or javascript.
View 25 Replies
View Related
Apr 10, 2010
One of my sites uses Google Maps. The Google Map JS loads the map into a DIV via the wonderful Web 2.0 AJAXy goodness.
Problem is, the map doesn't seem to load until the browser renders that DIV, which is halfway down the page.
I assume this is because until then, there is no DIV for the Map JS to load...
Any way around this?
View 2 Replies
View Related
Apr 13, 2010
I have swf, I want to resize it to fit browser window. So, that is width is always 100%, and height is proportional to width. I do <body onLoad = {}
function, get browser window width there, calculate new height:
height = width/2.70
But, how can I now apply it to my swf file? Like, i set its "id" to my "flash" (<embed src="final.swf" id = "flashme" ) to pass it to the function, but I do not know how to alter params
View 1 Replies
View Related
Aug 17, 2010
I want to run an external function outside the post.
This is what I have currently.
On success of the post I want to run the setGrandTotal(); function which will do some calculating for me.
View 1 Replies
View Related
Sep 7, 2011
My prob is that the huge amount of data (15MB of XML) that is loaded by an AJAX call, literally locks the browser while loading it into the DOM. Does any of you know if there is a way to prevent that. Btw - As you see I use jQuery and the ajaxManager plugin.
[Code]...
View 3 Replies
View Related