有人能告诉我我做错了什么吗?我正在尝试让fda的搜索网站找到一种药物的用途。它使用fdas api。但当我单击find按钮时,什么也没有发生。我使用了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>发布于 2017-01-21 22:17:43
您正在使用jQuery完成此操作,但在下载jQuery库之前,您正在运行脚本。另外,您使用的是旧版本的jQuery。
您需要将下载脚本移动到<head>中
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>或者jQuery现在使用的任何版本。src应该是您用来获取jQuery的实际源代码的链接。我展示的这个是Google的,应该可以为你工作。
https://stackoverflow.com/questions/41780376
复制相似问题