Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用API向创建的div中的数据添加超链接_Javascript_Jquery_Ajax_Api - Fatal编程技术网

Javascript 如何使用API向创建的div中的数据添加超链接

Javascript 如何使用API向创建的div中的数据添加超链接,javascript,jquery,ajax,api,Javascript,Jquery,Ajax,Api,我正在使用API根据用户输入(zipcode)检索数据。他们得到三类信息:机构名称、地址和网页。我想在网页行(${data[I].website})上添加一个超链接,但我的想法都不管用。谢谢大家 function ajaxCallNY(zipcode){ $.ajax({ url: "https://data.cityofnewyork.us/resource/72ss-25qh.json?zip_code=" + zipcode, type: "GET", data:

我正在使用API根据用户输入(zipcode)检索数据。他们得到三类信息:机构名称、地址和网页。我想在网页行
(${data[I].website}

上添加一个超链接,但我的想法都不管用。谢谢大家

function ajaxCallNY(zipcode){
$.ajax({
    url: "https://data.cityofnewyork.us/resource/72ss-25qh.json?zip_code=" + zipcode,
    type: "GET",
    data: {
      "$limit" : 50,
      "$$app_token" : app_token
    }
}).done(function(data) {
  console.log(data);
  for (var i=0; i<data.length; i++){  
    var nyDiv = $(`<div class="col s12 m6">
                  <div class="card blue-grey darken-1">
                  <div class="card-content white-text">
                  <span class"card-title">${data[i].agency_id}</span>
                  <p>${data[i].address}</p>
                  <p>${data[i].website}</p>
                  </div>
                  </div>
                  </div>
                  `);
      $("#zipcode").append(nyDiv);
  }
});
}
函数ajaxCallNY(zipcode){
$.ajax({
url:“https://data.cityofnewyork.us/resource/72ss-25qh.json?zip_code=“+zipcode,
键入:“获取”,
数据:{
“$limit”:50,
“$$app\u令牌”:app\u令牌
}
}).完成(功能(数据){
控制台日志(数据);

对于(var i=0;i,因为您已经在使用模板文本,所以可以这样做:

`
<div class="col s12 m6">
  <p>${data[i].address}</p>
  <p><a href="${data[i].website}">Link</a></p>
  </div>
</div>
`
`
${data[i].地址}

`
既然您已经在使用模板文本,您可以这样做:

`
<div class="col s12 m6">
  <p>${data[i].address}</p>
  <p><a href="${data[i].website}">Link</a></p>
  </div>
</div>
`
`
${data[i].地址}

`
您是否尝试过使用
?这完全有道理,但不起作用。它不显示任何内容,字段保持空白。谢谢。您是否在超链接之间放置了任何内容?是否有文本?您是否尝试过使用
?这完全有道理,但不起作用。它不显示任何内容,field仍然为空。谢谢。你在超链接之间放了什么吗?有文本吗?很好!快乐编码!如果你接受答案会有帮助,谢谢!很好!快乐编码!如果你接受答案会有帮助,谢谢!