Question

有人可以告诉我，我做错了什么？我试图让fda搜索网站找到一种药物的用途。它使用fdas api。但是当我点击查找按钮时什么也没发生。我使用了json和ajax调用，但它仍然无法正常工作。非常感谢ANy的帮助

<!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>

Answer 1

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

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

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

或jQuery现在的任何版本。 src应该是您用于获取jQuery的实际源的链接。我展示的是Google的，应该适合你。

如何制作fda药物搜索网站

1 个答案: