首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何制作fda药品搜索网站

如何制作fda药品搜索网站
EN

Stack Overflow用户
提问于 2017-01-21 22:14:19
回答 1查看 131关注 0票数 0

有人能告诉我我做错了什么吗?我正在尝试让fda的搜索网站找到一种药物的用途。它使用fdas api。但当我单击find按钮时,什么也没有发生。我使用了json和ajax调用,但它仍然不起作用。非常感谢ANy帮助

代码语言:javascript
复制
<!DOCTYPE html>
<html>



<head>
    <title>FDA API</title>
    <link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Poiret+One" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/animate.css">


    <meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>

<body>

    <nav>
        <img src="img/fda.gif">
    </nav>

    <div id='wrapper'>
        <h1 id='title'>FDA DRUG SEARCH</h1>
            <input id="fdaSearch" type="text" placeholder="Type Name of drug" /><br><br>
            <button onclick="search()">Search</button>
        <div id='effects'></div>
    </div>
<script >

function search(){
    $("#effects").html('');
    var key = "T4No04ciH8D7nIsp6OflpZT1i2JC6XLxd8HUnhIc"
    var searchTerm = document.getElementById("fdaSearch").value

    $.ajax({

        url: "https://api.fda.gov/drug/event.json?api_key="+ key + "&search=" + searchTerm+"&count=patient.reaction.reactionmeddrapt.exact",
        dataType: "json",
        success: function(data) {
            for(i=0;i<15;i++){
                var results = (data.results[i].term)
          if(data.results[i].term === "DRUG INEFFECTIVE"){
            results[i].term = ""
          }else if(data.results[i].term === ""){
            document.write("Try another search") 
          }else{
                    $("#effects").append(results + " " + "<br>")
                console.log(data.results[i].term)
          }

            }
        },
       type: 'GET'
    });
}




</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</body>

</html>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-21 22:17:43

您正在使用jQuery完成此操作,但在下载jQuery库之前,您正在运行脚本。另外,您使用的是旧版本的jQuery。

您需要将下载脚本移动到<head>

代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

或者jQuery现在使用的任何版本。src应该是您用来获取jQuery的实际源代码的链接。我展示的这个是Google的,应该可以为你工作。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41780376

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档