Using $.post with jQuery and php

Question

I'm have a problem with POST in my php script:

`echo` "<script type='text/javascript'>
    //<![DATA[
    $(document).ready(function()
    {
        $('.activiteit_vrij').change(function()
        {
            `var` idv=$(this).val();
            `var` dataString = 'idv='+ idv;
            $.ajax
            ({
                `type`: 'POST',
                `url`: 'ajax/activiteit_vrij_selectie.php',
                `data`: dataString,
                `cache`: false,
                `success`: function(html) { $('.activiteit').html(html); } 
            });
        });
    });
    //]]>
    </script>";

In ajax/activiteit_vrij_selectie.php I pickup the value with: $overdracht = \ $_POST`['idv'];`

It responds with:

jquery-3.1.0.min.js:4 POST /taakbeheer/ajax/activiteit_vrij_selectie.php 500

I cannot find any answer about error 500 In the past it was working fine. Usin jQuery jquery-3.6.0.min.js

I think I need to use jQuery.post( url [, data ] [, success ] [, dataType ] ) or is it another issue. Tried to find any sl

Answer 1

Please try this instead. There is no need to echo and the backticks are weird

?>
<script>
$(function() {
  $('.activiteit_vrij').on("change", function() {
    const data = { "idv": $(this).val()}
    $.post('ajax/activiteit_vrij_selectie.php',data, function(html) {
        $('.activiteit').html(html);
    });
  });
});
</script>
<? .....