如何根据用户输入进行API调用？
[英]How to make an API call based on user input?
问题描述
当用户单击“提交”按钮时，我试图对这样的API进行AJAX调用。 我想通过获取用户在文本框中输入的值来形成API调用的URL。
<script type = "text/javascript">
$("#submit").click(function(){
var stock = $("#stocks").val();
var url = "http://dev.markitondemand.com/MODApis/Api/v2/Quote/jsonp?symbol=" + stock;
$.ajax({
url: url,
dataType: 'jsonp',
success: function(results){
var status = results.Status;
var company = results.Name;
$('#results').append(status + '. Company is: ' + company);
}
});
});
</script>
身体看起来像这样
<body>
<input id="stocks" />
<button type="submit" id="submit">Submit</button>
<div id="results"></div>
</body>
$url工作还是我做错了什么？
这是我正在处理的代码的副本-http://jsbin.com/pizoruxoyo/edit?html，输出
2 个解决方案
解决方案1
1 2016-04-01 06:38:51
将代码包装到文档就绪功能中，并将其放在页面底部：
<script type = "text/javascript">
$(function(){
$("#submit").click(function(){
var stock = $("#stocks").val();
var url = "http://dev.markitondemand.com/MODApis/Api/v2/Quote/jsonp?symbol=" + stock;
console.log(stock);
$.ajax({
url: url,
dataType: 'jsonp',
success: function(results){
var status = results.Status;
var company = results.Name;
$('#results').append(status + '. Company is: ' + company);
}
});
});
});
</script>
解决方案2
1 已采纳 2016-04-01 07:40:56
解决该问题的一种方法是用document.ready（）包装整个脚本，或将代码明确地放在一个函数中并为其指定一个特定名称，然后使用该函数的onlclick =“ myFunction（）”属性调用该函数。按钮。
function loadDoc() {
var stock = $("#stocks").val();
var url = "http://dev.markitondemand.com/MODApis/Api/v2/Quote/jsonp? symbol=" + stock;
$.ajax({
url: url,
dataType: 'jsonp',
success: function(results){
var status = results.Status;
var company = results.Name;
$('#results').append(status + '. Company is: ' + company);
}
});
};
这是您的按钮将用于调用函数的方式：
<button type="button" onclick="loadDoc()">Request data</button>
这是演示的链接： http : //jsbin.com/pohofegiko/edit?html，输出
如何根据用户给定的时间输入调用事件
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.