从Ajax接受php中的POST参数

Question

Im trying to send some date parameters to my php file, that will use it to gather some information between the two dates.

Everything works great except i can't seem to get the parameters from the javascript.

Javascript/ajax:

function lastInn() {
    clearTable();

    var fra = document.getElementById("fraDato").value;
    var til = document.getElementById("tilDato").value;

    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else { // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            //document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
            alert(xmlhttp.responseText);
            var data = JSON.parse(xmlhttp.responseText);

            $.each(data, function (key, val) {
                addData(val.Dato, val.BookedBy, val.Fra, val.Til);
            });
        }
    };
    xmlhttp.open("POST", "test2.php?", true);
    xmlhttp.send('dato1 =' + encodeURIComponent(fra) + '&dato2=' + encodeURIComponent(til));
}

PHP file:

    include 'Db.php';

    $dato1 = $_POST['dato1'];
    $dato2 = $_POST['dato2'];
    //$dato1 = '2014-02-18';
    //$dato2 = '2014-02-22';

    $con = DbConnect();

    //$a = explode('.',$dato1);
    //$revdato1 = $a[2].'-'.$a[1].'-'.$a[0];
    //$newdate1 = str_replace(".","-",$revdato1);

    //$b = explode('.',$dato2);
    //$revdato2 = $b[2].'-'.$b[1].'-'.$b[0];
    //$newdate2 = str_replace(".","-",$revdato2);

    $result = mysqli_query($con, 'SELECT SUBSTRING(DateFrom FROM 1 FOR 10) AS Dato, BookedBy, SUBSTRING(DateFrom FROM 12 FOR 5) AS Fra, SUBSTRING(DateTo FROM 12 FOR 5) AS Til FROM kalendar WHERE SUBSTRING(DateFrom FROM 1 FOR 10) BETWEEN "'.$dato1.'" AND "'.$dato2.'"');

    while ($row = mysqli_fetch_assoc($result)) {
        $output[] = $row;
    }
    echo json_encode($output);
    mysqli_close($con);

Any Idees where im going wrong?

Answer 1

try with jquery

function lastInn(){   
    $.ajax({
            url : 'test2.php',
            type: "POST",
            data : {dato1: $('#fraDato').val(),dato2: $('#tilDato').val()},
            success : function(data){
               alert(data);
               // do your stuff
            },
            error : function(){
                $('#error').html("Error!");
            }
        });
    }

php code

 print_r($_POST);