AJAX & Json get function with jQuery

AJAX & Json get function with jQuery

本文关键字：function with jQuery get Json amp AJAX      更新时间：2023-09-26

我正在使用ajax创建一个"服装检查器"，我希望用户将ID放入输入中，然后向URL发出请求。下面的代码并没有像我希望的那样完成这项工作，尽管我认为它几乎是正确的。任何人都可以看到我的错误或指出我正确的方向吗？

<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>
由于

data.AvailableSkus似乎是一个数组，因此您不希望将集合作为值传递给#garmentTitle。

您最有可能在属性（如果数组包含对象）或实际元素之后：

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

或

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

价值 类型：字符串或数组 与要设置为选中/选中的每个匹配元素的值相对应的文本字符串或字符串数组。

此链接正确提供输出

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

您确定之前设置了"应用程序 ID"吗？

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

Firebug 控制台中有任何错误消息吗？

相关文章：