У меня ошибка при отправке данных по почте с помощью JavaScript

Question

Я пытаюсь отправить данные по почте в Javascript, но я новичок в этом.Я оставляю свой код, я хочу знать, что я делаю неправильно.

Для начала у меня есть файл, в котором я вызываю запрос в моей базе данных mysql, если введены код и дата.

public function listusuerdate($date,$name) {
    try {
        $sql= "select * from markers where name_user = :p_user AND date_user = :p_dat";

        $statement = $this->dblink->prepare($sql);
        $statement->bindParam(":p_user", $name);
        $statement->bindParam(":p_dat", $date);
        $statement->execute();
        $result= $statement->fetchAll(PDO::FETCH_ASSOC);
        return $result;
    } catch (Exception $exc) {
        throw $exc;
    }
}

У меня есть другой файл, в котором он передал переменные посредством POST следующим образом:

<?php
    require_once '../negocio/ShowMap.clase.php';

    $date= $_POST["p_dat"];
    $name= $_POST["p_user"];

    $objUser = new ShowMap();
    try {
        $result = $objUser ->listusuerdate($date,$name);
    } catch (Exception $exc) {
        header("HTTP/1.1 500");
        echo $exc->getMessage();
    }
?>

Когда я использую Почтальон, работает хорошо

Вот моя проблема. Я создал форму для отправки даты и имени пользователя следующим образом:

<form>
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Título de la ventana</h4>
        </div>
        <div class="modal-body">
            <div class="row">
                <div class="col-xs-2">
                    <p>Code<input type="text" name="txtcode" id="txtcode" class="form-control input-sm text-center text-bold" placeholder="" readonly=""></p>
                </div>
                <div class="col-xs-4">
                    <p>Name <font color = "red">*</font>
                    <input type="text" name="txtname" id="txtname" class="form-control input-sm" placeholder="" required=""><p>
                </div>  
                <div class="col-xs-3">
                    <p>Date
                    <input type="date" class="form-control input-sm" id="txtdate" name="txtdate" /></p>
                </div> 
                <div class="modal-footer">

                    <a class="btn btn-primary btn-lg" value='Click' href='javascript:;' onclick="toshow();" role="button"></a>
                </div>
            </div>
        </div>
    </div>
</form>

Наконец япытаюсь отправить дату и имя пользователя с помощью javascript следующим образом:

function toshow(){
    var name = document.getElementById("txtname").value;
    var date = document.getElementById("txtdate").value;

    $.post(
        "../controlador/ruta.controlador.php",
        {
            p_user : name,
            p_dat : date
        }
    ).done(function(){                
        alert( "exit" );
    }).fail(function(error){
        alert(error.responseText);
    });
};

Я не могу заставить его работать

Answer 1

Вам необходимо правильно написать функцию js, проверить ее синтаксис

function toshow(){
var name = document.getElementById("txtname").value;
var date = document.getElementById("txtdate").value;

$.ajax(
    method:'POST',                          // here you can spasify post or get
    url:"../controlador/ruta.controlador.php",
    data : {
        p_user : name,
        p_dat : date
    },
).done(function(){                
    alert( "exit" );
}).fail(function(error){
    alert(error.responseText);
});

};