Re: Newbie AJAX Question

Thanks for replying Joseph.

Well actually my JSON data is to be populated at the server-side using
PHP/mySQL, so the code at line 11 would read

var url = 'http://myurl.com/products.php?var1=1&var2=2';

This all appears to be working fine, although I haven't tried it cross-
domain just yet. (Will it?)

My only question is whether there are any inefficiencies with this
method or if there is a better way..?

On 21 Dec, 01:09, Joseph Choi <jsk.c...@gmail.com> wrote:
> technically, yes it's ajax, since you're loading additional
> data asynchronously via javascript.
>
> xmlhttprequest enables you to send requests, typically to a web-service,
> through the internet via javascript.
>
> the example you've included is loading additional data via a json file
> (effective a text file?), which is fine.  but if that's the case, why not
> just load your product data directly onto the page?
>
>
>
>
>
>
>
> On Tue, Dec 20, 2011 at 7:15 AM, wije <jensw...@gmail.com> wrote:
>
> > I fairly new to JS and I need to do some AJAX injections, both JSON-
> > data and some html/css/javascript local-domain.
>
> > I can manage this using jQuery || Zepto but as I am developing for
> > mobile I'd love to avoid using plugins alltogether and do a light-
> > weight pure javascript version.
>
> > I cobbled the code below together for the JSONP and it works nicely,
> > but my newbie question is:
>
> > Is this even AJAX? What is the difference between what I've done here
> > and say an XMLHttpRequest? Any issues with this method?
>
> > Thanx
>
> > // script insertion function
> > function testJSONP() {
>
> > //remove old instance of script reference
> > if (old =  document.getElementById('jsonp_ref')) {
> > old.parentNode.removeChild(old);
> > }
>
> > //fetch new data
> > var url = 'products.json';
> > var script = document.createElement('script');
> > script.setAttribute('src', url);
> > script.setAttribute('id', 'jsonp_ref');
>
> > // inject data into DOM
> > document.getElementsByTagName('head')[0].appendChild(script);
> > }
>
> > // this is the funciton that the jsonp-file calls
> > function jsonpdata(data) {
>
> >        //do something with the data
> >   for (var i in data.products) {
> >                console.log(i);
> >        }
> > }
>
> > <button onclick="testJSONP();">getJSON</button>
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "JavaScript Forum" group.
> > To post to this group, send email to
> > javascript-information@googlegroups.com.
> > To unsubscribe from this group, send email to
> > javascript-information+unsubscribe@googlegroups.com.
> > For more options, visit this group at
> >http://groups.google.com/group/javascript-information?hl=en.

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To post to this group, send email to javascript-information@googlegroups.com.
To unsubscribe from this group, send email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/javascript-information?hl=en.