我使用以下代码(以及其他网站)调用我的API:
$(function () {
$("#hb_api").load("http://api.site.de?apikey=71290473059");
$("#hb_api").load("http://api.site.de/src/controller.js");
})
controller.js包含以下代码:
$(function () {
$('#btn1').on('click', function () {
var vars = {
test: $('#test').val(),
action: 'POST'
}
$.ajax({
url: "http://api.site.de/src/api_controller",
data: vars,
type: "POST",
dataType: "json"
}).done(function (d) {
var outp = d.response.post;
var outs = d.response.status;
$('#outp').html(outp + ", " + outs);
}).fail(function (xhr, textstatus) {
console.log(xhr);
console.log(textstatus);
})
})
})
索引网站:
$api_key = $_GET['apikey'];
if (!isset($api_key)) {
header('HTTP/1.0 404 Not Found', true, 404);
exit();
}
require 'src/database.php';
$stmt_api = $pdo->query("SELECT `api_key` FROM `api` WHERE api_key = '{$api_key}'");
$q_api_key = $stmt_api->fetch();
if (!$q_api_key >= 1) {
header('HTTP/1.0 404 Not Found', true, 404);
exit();
}
<input type="text" id="test" value="test">
<div class='btn' id="btn1">Senden</div>
我可以在HTML结构中绑定,但是当我单击按钮时,没有任何反应。没有网络活动或错误代码。
如果我点击按钮有限制吗?那么当点击按钮时,按钮如何调用AJAX事件?