我有一个 html 页面，通过该页面我通过 ajax 将数据发送到 PHP，但代码不起作用。 HTML

<form name='tip' method='post' action=''>
        Tip somebody: <input name="tip_email" id=tip_email type="text" size="30"  />
        <input type="submit"   value="Skicka Tips" />
        <input type="hidden" id="ad_id" name="ad_id" />
</form>
<script>
        $('#submit').click(function() {
                event.preventDefault();
                $.ajax({
                        url: insertdata.php,
                        type: 'POST',
                        data: {
                                tip_email: $('#tip_email'),
                                ad_id: $('#ad_id')
                        },
                        success: function(res) {
                                if (res == 'successful') {
                                        alert("successful");
                                } else {
                                        alert("failed");
                                }
                        },
                        error: function() {
                                $('#status').html('Failed').slideDown();
                        }
                });
        });
</script>

PHP

<?php
echo "successful"
?>

我尝试了 stackoverflow 上的各种可用选项，但都不起作用。

在此处输入图片说明

Uncaught ReferenceError: $ is not defined

$('#submit').click(function() 

仍然不起作用 但是，当我将上述脚本包含在代码中时，它会进入无限循环并抛出错误“Uncaught RangeError：超出最大调用堆栈大小” 我在现有代码中做了三处更改。 1) 添加脚本源 我也尝试添加其他类似的脚本，但都显示相同的错误 这意味着代码本身存在一些问题。 2) 将事件添加到语句 $('#submit').click(function(event) 3) 将 php 放在单引号中 url: 'insertdata.php'。