Web开发。Ajax

Question

有人能指导我在下面这段代码中我哪里出错了吗？

index.php :-

<script type="text/javascript">
function fun(){
    alert("H");
    $.ajax({
    type: "POST",
    url: 'test.php',
    data: {name: 'Wayne', age: 27},
    success: function(data){
        alert(data);
    },
    error: function(error){
        alert(error);
    }
});
    alert("HE");
    }
    </script>
    <input type="button" value="submit" onclick="fun()" /> 

test.php :-

<?php
    $name = $_POST['name'];
    $age = $_POST['age'];
    echo $name.$age;
?>

我没有得到任何输出，也没有任何错误。

Answer 1

问题出在javascript代码中，特别是在调用函数的方式上。试着这样做：

// javascript
document.getElementById('do-fun').addEventListener('click',function(){
    fun();
});

// html
<input type="button" value="submit" id="do-fun" />