AJAX & Json get function with jQuery

Question

I am creating a "Garment checker" using ajax and I would like the user to put the ID into the input followed by a request to the URL. which prints out the code if it exists. The code below just isn't doing the job as I would like it to although I think that it is almost correct. Can anybody see my mistakes or point me in the right direction please?

<script type="text/javascript">
  //<![CDATA[
  $(document).ready(function() {
    "use strict";


    $('#lookupForm')
      .removeAttr('onsubmit')
      .submit(function(event) {
        event.preventDefault();

        var target = document.getElementById('garmentID');
        if(target.value.length > 0) {
          fetchData(target.value);
        }
      });
    });

        function fetchData(garmentID) {
          var url = 'http://staging.me-tail.net/api/3.0/retailer/4/garmentsAvailable?guid=' + applicationID;

          $.getJSON(url, function(data) {

            var appDetails = data.AvailableSkus[0];
            $('#garmentTitle').val(appDetails.AvailableSkus);
      });
        }
  //]]>
</script>

What is your question and what isn't working?

Aashray
– Aashray

2013-09-27 11:07:06 +00:00
Commented Sep 27, 2013 at 11:07 — Aashray
– Aashray, Commented Sep 27, 2013 at 11:07
is "applicationID" defined in the url ?

pszaba
– pszaba

2013-09-27 11:55:19 +00:00
Commented Sep 27, 2013 at 11:55 — pszaba
– pszaba, Commented Sep 27, 2013 at 11:55

Johan · Accepted Answer · 2013-09-27 11:08:42Z

1

Since data.AvailableSkus seems to be an array, you don't want to pass the collection as the value to #garmentTitle.

You're most likely after a property (if the array contains objects) or the actual element:

//if typeof appDetails.AvailableSkus[0] is string or number:
$('#garmentTitle').val(appDetails.AvailableSkus[0]);

or

//if typeof appDetails.AvailableSkus[0] is an object:
$('#garmentTitle').val(appDetails.AvailableSkus[0].someProp);

value Type: String or Array A string of text or an array of strings corresponding to the value of each matched element to set as selected/checked.

answered Sep 27, 2013 at 11:08

Johan

35.4k62 gold badges191 silver badges309 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Axel Hunter Over a year ago

Still not getting an output. This is as far as I have got.jsfiddle.net/Lxbb9/3

Johan Over a year ago

@user2822683 THe issue seems to be that it's a cross domain call.

Axel Hunter Over a year ago

DO you know what I am missing here?

Johan Over a year ago

@user2822683 What serverside language are you using?

pszaba · Accepted Answer · 2013-09-27 15:13:23Z

0

This link provides output properly

http://staging.me-tail.net/api/3.0/retailer/4/garmentsAvailable?guid=5

are you sure "applicationID" is setted before ?

var url = 'http://staging.me-tail.net/api/3.0/retailer/4/garmentsAvailable?guid=' + applicationID;

Any error message in firebug console ?

answered Sep 27, 2013 at 15:13

pszaba

1,0641 gold badge10 silver badges17 bronze badges

Collectives™ on Stack Overflow

AJAX & Json get function with jQuery

2 Answers 2

4 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Related