Question

我是ajax的新手。我有三个文件sentenceArrange.php，script.js，query.php都在同一目录下。

在sentenceArrange.php中，我写道：

在script.js中，我写道：

<!DOCTYPE HTML>
<html>
    <head>
         <script type="text/javascript" src="script.js">
         </script>
    </head>
    <body>
         <input type="button" value="Check" onClick="test();">
    </body>
</html>

在query.php中，我写道：

function test(){
    alert("Hello");//Runs Successfully.
    $.ajax({
        url:"query.php",
        success:function(msg){
            alert(msg);
        }
    });
}

在按钮的点击事件中，功能测试成功调用但ajax无法正常工作。我犯了一个愚蠢的错误。帮助我。

Answer 1

看起来您可能忘记包含jQuery库，因此$.ajax调用不起作用。

在script.js包括之前，将其包含在您的脑海中：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js">

Answer 2

最好避免在标记中添加事件处理程序。一个简单的改变将使这项工作。

向按钮添加id并从标记中删除onclick处理程序。

<input type="button" id="checkbtn" value="Check" >

使用jquery添加事件处理程序。

function test(){
    alert("Hello");//Runs Successfully.
    $.ajax({
        url:"query.php",
        success:function(msg){
            alert(msg);
        }
    });
}

$('#checkbtn').on('click', function() {
    test();
});

请参阅jsfiddle

非常简单的ajax无法正常工作

2 个答案: