时间戳

首页 > 解决方案 > jquery读取数据

javascript - jquery读取数据

问题描述

我尝试制作 API。我只想通过这些公共数据获得一个“标题”。但它返回“未定义函数”你能帮我解决这个问题吗？

[ https://datos.madrid.es/portal/site/egob/menuitem.ac61933d6ee3c31cae77ae7784f1a5a0/?vgnextoid=00149033f2201410VgnVCM100000171f5a0aRCRD&format=json&file=0&filename=201132-0-museos&mgmtid=118f2fdbecc63410VgnVCM1000000b205a0aRCRD&preview=full ]

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>

<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>

<script>

    $(document).ready(function(){

 $.ajax({
        type:"GET",
        dataType : "json",
        url:"https://datos.madrid.es/portal/site/egob/menuitem.ac61933d6ee3c31cae77ae7784f1a5a0/?vgnextoid=00149033f2201410VgnVCM100000171f5a0aRCRD&format=json&file=0&filename=201132-0-museos&mgmtid=118f2fdbecc63410VgnVCM1000000b205a0aRCRD&preview=full",
        //crossOrigin: null


      success:function(data){


                var parseData = JSON.parse(JSON.stringify(data));
                console.log(parseData.graph);


                var CompanyArray = data.graph; 
                console.log(CompanyArray);

                var myData="";
                $.each(CompanyArray,function(key,value) {
                        myData += ('<option value='+value.title+'>' +'key:'+key+', Code:'+value.title+',Name:'+value.schedule + '</option>');
                });
                $("#tekbeCompnayList").html(myData);

        }
    });
var t_code = $('#tekbeCompnayList option:selected').attr('value');
document.write(t_code);
});


</script>
</body>
</html>

标签： javascriptjquery

解决方案

您可以使用 Jquery 的 append 函数来添加 HTML 元素。

<select id="tekbeCompnayList"></select>

然后在您的 jquery 代码中编写以下代码段。

 $.each(CompanyArray,function(key,value) {
 $("#tekbeCompnayList").append('<option value='+value.title+'>' +'key:'+key+', Code:'+value.title+',Name:'+value.schedule + '</option>')
                });

那么如果要获取选中的选项，就需要触发选择框的onChange事件。

  $("#tekbeCompnayList").change(function(){
    var selectedVal = $(this).children("option:selected").val();
});

推荐阅读