按钮上的jQuery POST单击不工作

时间:2016-02-29 11:38:17

标签: javascript php jquery ajax

单击按钮时调用的函数出现问题。

Javascript:

function sendData(){
     $.post("send.php",
         {
          type: "A",
          val: "answer"
        },
        function(data,status){
            alert(data);
        });
}

HTML:

<div id="testButton" onclick="sendData();">click</div>

PHP:

<?php
    foreach ($_POST as $key => $value)
    {
        echo $value
    }
?>

我将数据发布到php页面并期望收回数据。 javascript应该在成功通话后提醒数据。

单击按钮时,没有任何反应。

请有人查看代码是否有任何问题。

2 个答案:

答案 0 :(得分:1)

你刚刚在send.php文件中遗漏了一个半冒号

<?php
 foreach ($_POST as $key => $value)
 {
     echo $value;
 }
?>

答案 1 :(得分:1)

您的代码返回:

  

语法错误,意外'}',期待','或';'

您必须在;之后添加分号echo $value,应该是:

<?php
    foreach ($_POST as $key => $value)
    {
         echo $value;
    } 
?>

完整代码:

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

        <script>
            function sendData(){
             $.post("send.php",
                 {
                  type: "A",
                  val: "answer"
                },
                function(data,status){
                    console.log(data);
                });
            }
        </script>
    </head>
    <body>
        <div id="testButton" onclick="sendData();">click</div>
    </body>
</html>

希望这有帮助。