<?php
/*
Template name: Page - VIN
*/
get_header(); ?>

<div id="content" role="main">
    <label for="vin">Insert vin</label>
    <input type="text" name="vin" id="vin">
    <input type="button" id="getvin" value="get vin data">
    <div id="vinresult"></div>
</div>

<?php get_footer(); ?>
<script>
    jQuery(document).ready(function() {
        jQuery("#getvin").click(function () {
            var $vin = jQuery("#vin").val();
            var jqxhr = jQuery.get( "http://XXX/parseVin.php",
                {
                    vin: $vin
            }, function() {
            })
                .done(function(data) {
                    window.vinresult = data;
                    console.log(data);
var html = "";
                    jQuery(window.vinresult).each(function(e, k){
html += k.r + ": "  + k.v + "<br>";
                    });
                    jQuery("#vinresult").html(html);

                });
        });
    });
</script>