Question

我第一次使用AJAX而且我正努力让它工作...... 在我看来，我有一个由我的控制器生成的表。查看（vueConsigne.php）

    <tbody>
    <?php echo $tab_plan; ?>
    </tbody>

Controller（control_vueCsn.php）：

foreach($lesPlanifs as $laPlanif){
    $tab_plan.= "<tr><td>".$laPlanif->getClass().
            "</td><td>".$laPlanif->get("dateHeureDebut")->format('d-m-Y   H:i:s').
            "</td><td>".$laPlanif->get("dateHeureFin")->format('d-m-Y H:i:s').
            "</td><td>"." ".
            "</td><td>"."Recurrence : ".$val. " " .$unit .
            "</td><td>"."n/c".
            "</td><td><button name=\"suppPlaniSusp\" onclick=\"call_supp_bdd(".$laPlanif->get("id").",".$laPlanif->getClass().")\"><img src=\"../img/close_pop.png\" id=\"suppPlanif\" name=\"suppPlanBtn\" width=\"30\" height=\"30\"></button></td></tr>";

正如您在最后一行所看到的那样，生成的表有一个按钮，我想在点击它时触发我的Ajax函数（call_supp_bdd）。我想传递函数2参数，类名和对应于表行的对象的id。这是vueConsigne.php中的ajax函数：

    function call_supp_bdd(int,c)
    {

        if (window.XMLHttpRequest)    //  Objet standard
        {
            xmlhttp = new XMLHttpRequest();     //  Firefox, Safari, ...
        }
        else      //  Internet Explorer
        {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }

        xmlhttp.open("GET","../control/suppPlanif.php?q="+int+"&c="+c,true);
        xmlhttp.send();


        }

最后这是我的Ajax调用的PHP文件（suppPlanif.php）：

    <?php
    /**
    * Created by PhpStorm.
    * User: ymakouf
    * Date: 07/08/2015
    * Time: 10:14
    */
    $q = intval($_GET['q']);
    $c = intval($_GET['c']);
    $cnx = new CNX();
    $dbh = $cnx->connexion();
    $req = $dbh->prepare("DELETE * FROM".$c."WHERE id =".$q);
    $req->execute();

    ?>

我只是试图用这条指令替换它

    <?php
    echo "sucess";
    ?>

但它不起作用。

Answer 1

当你加载jQuery时，请使用jquery的简单语法。不要手动完成。

$.ajax({
  url: "test.html",
  type: "GET"
}).done(function( response ) {
  alert( response );
});

Answer 2

你没有对回复做任何事情，你需要添加一个onload回调来处理你得到的回复。

以下是如何做到的：

function call_supp_bdd(int,c)
{

    if (window.XMLHttpRequest)    //  Objet standard
    {
        xmlhttp = new XMLHttpRequest();     //  Firefox, Safari, ...
    }
    else      //  Internet Explorer
    {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.open("GET","../control/suppPlanif.php?q="+int+"&c="+c,true);

    //NOTE: this code will be executed AFTER send(), it's asynchronous
    xmlhttp.onload = function() {
        if (xmlhttp.status === 200) {
            alert('Request response: ' + xmlhttp.responseText);
        }
        else {
            alert('Request failed. Status:' + xmlhttp.status);
        }
    };

    xmlhttp.send();
}

或者，如果你已经包含了jQuery ，那么你可以使用$.ajax()来简化事情：

function call_supp_bdd(int, c) {
    $.ajax({
            url: "../control/suppPlanif.php?q=" + int + "&c=" + c,
            type: "GET"
        })
        .done(function (data) {
            alert('Request response: ' + data);
        });
}

Ajax简单调用不起作用

2 个答案: