1

我为一家在荷兰经营多个车库的企业工作。通常我不会专业地做 webdev，因为我是一名在线营销人员，但由于我是公司中唯一具有 web 开发知识的人，所以我的老板让我建立一个新网站。由于我精通 HTML 和 CSS，我已经能够很好地构建网站本身，使用 WordPress 作为 CMS。但是，现在我正在尝试使用 JQuery 集成一个简单的 API，但我遇到了困难。

我正在尝试做的是使用基于 Socrata 的开放数据平台，它允许人们搜索非敏感的车辆信息。荷兰对超过一定年龄的所有车辆进行强制性检查，该数据库可让您查看您的车辆何时应进行检查（除其他外）。

我希望人们输入他们的车牌号码，然后让 API 返回 apk_vervaldatum 的值，这是必须检查他们的汽车的日期。

我正在使用 JSON 和 HTML，但我真的没有使用任何与 JavaScript 相关的代码的经验。到目前为止，我想出了下面的代码，但它不起作用。据我所知，脚本调用数据库很好，但表单输入没有作为脚本的一部分处理，我不知道如何让脚本过滤出正确的字符串并显示信息在页面上。

<script> <![CDATA[
$('submit').on('click', function () {
        // remove resultset if this has already been run
        $('.content ul').remove();
        // add spinner to indicate something is happening
        $('<i class="fa fa-refresh fa-spin"/>').appendTo('body');

        // get selected zip code from selectbox
        var kenteken = $('Kenteken').text();
        console.log(kenteken);

        // make the AJAX request
        $.getJSON('https://opendata.rdw.nl/resource/m9d7-ebf2.json?$$app_token=nq6RaOajxfOe5ERTkc4kfmCrr&kenteken= + kenteken', function (data) {
        console.log(data)
        })
        })
 ]]></script>
<div class="content">
<h1>Testpagina</h1>
<form action="function" method="get"><input type="text" name="Kenteken"> <input type="submit"></form>

我试图到达的端点是https://opendata.rdw.nl/resource/m9d7-ebf2.json ?$$app_token=nq6RaOajxfOe5ERTkc4kfmCrr

任何帮助将不胜感激，因为我完全不知所措。我已经完成了我能找到的所有教程，但我没有运气。

4

1 回答 1

0 
<script> <![CDATA[
$('submit').on('click', function () {
        // remove resultset if this has already been run
        $('.content ul').remove();
        // add spinner to indicate something is happening
        $('<i class="fa fa-refresh fa-spin"/>').appendTo('body');

        // get selected zip code from selectbox
        var kenteken = $('Kenteken').text();
        console.log(kenteken);

        // make the AJAX request
        $.getJSON('https://opendata.rdw.nl/resource/m9d7-ebf2.json?$$app_token=nq6RaOajxfOe5ERTkc4kfmCrr&kenteken=' + kenteken, function (data) {
        console.log(data)
        $('#answer').text(data[0][vervaldatum_apk]);
        })
        })
 ]]></script>
<div class="content">
<h1>Testpagina</h1>
<form action="function" method="get"><input type="text" name="Kenteken"> <input type="submit"></form>
<p id="answer"></p>
于 2016-02-27T16:30:02.597 回答