Question

我正在尝试运行/调用将要更新数据库的PHP文件。

Chrome正在向我显示此错误：

我在index.html文件中使用此代码：

<!DOCTYPE html>
<html>
<body>
    <input type="text" id="descriptioninput">
    <input type="number" id="budgetin">
    <input type="number" id="budgetout">
    <button type="button" onclick="addToDB()">Add to database</button>

    <script>
        function addToDB()
        {
            var descriptioninput = document.getElementById('descriptioninput').value;
            var budgetin = document.getElementById('budgetin').value;
            var budgetout = document.getElementById('budgetout').value;

            $.ajax ( {
                TYPE: 'POST',
                url: 'addtodb.php',
                data:{descriptioninput:descriptioninput, budgetin:budgetin, budgetout:budgetout},
                success:function (data) {
                    // Completed successfully
                    alert('success!');
                }
            });
        }
    </script>
</body>
</html>

我在这里做错了什么？我已尝试将代码放入<head>元素并指定type="text/javascript"

Answer 1

您忘记引用代码中的jquery 。在本地添加或使用 CDN ：

https://code.jquery.com/jquery-1.11.3.min.js

Answer 2

添加对jQuery的引用然后记住：javascript区分大小写。将UUID更改为TYPE

type

Answer 3

此函数$.ajax()属于名为jQuery的Javascript库，您应该在头块中包含此库。

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

无法调用PHP脚本

3 个答案: