1

私はオランダでいくつかのガレージを運営する会社で働いています。私は通常、オンライン マーケターであるため、プロとして webdev を行うことはありませんが、会社で Web 開発の知識を持っているのは私だけであるため、上司から新しい Web サイトの構築を依頼されました。私は HTML と CSS に精通しているので、WordPress を CMS として使用して、Web サイト自体を問題なく構築することができました。しかし、今は 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 に答える