Javascript ajax php java脚本集成不起作用

我有一个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>

仍不工作

---

但当我将上面的脚本包含在代码中时，它将进入无限循环，并抛出错误为“UncaughtRangeError:超出了最大调用堆栈大小” 我在现有代码中做了三处更改。 1） 添加了脚本src 我还尝试添加其他类似的脚本，但都显示出相同的错误 这意味着代码本身存在一些问题。 2） 在语句中添加了事件 $（“#提交”）。单击（函数（事件） 3） 将php置于单引号中

---

url:'insertdata.php'。

在启动脚本之前先将jquery添加到。它未加载，这就是为什么未定义

$

错误的原因

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

将其添加到代码中

$('#submit').click(function(event) {});

或者从输入按钮中删除提交类型，如下所示：

<input type="button" value="Skicka Tips" />

---

首先，您的

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

你必须把它改成

$('#submit').click(function(event) {}) 

工作

第二，你的

<input type="submit"   value="Skicka Tips" />

---

或者将

onsubmit

事件与表单一起使用。

请按照代码进行更正

1.) add script to below your form close - <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

2.) add id in submit button - <input type="submit" id="submit"  value="Skicka Tips" />

1.）将脚本添加到表单下方关闭-
2.）在提交按钮中添加id-

@Andreas我更新了我的答案，我没有看到最后一行您没有包括jQuery（或任何带有

.ajax（）

方法的库，该方法使用

$

作为快捷方式）。此外，选择器是错误的，因为没有带有

id=“submit”

的元素。看起来您忘记了包含对jquery源代码的引用，但当我将上面的脚本包含到代码中时，它将进入无限循环，并抛出错误为“Uncaught RangeError:超出最大调用堆栈大小”我在现有代码中做了三处更改。1） 添加我也尝试添加其他类似的脚本，但都显示相同的错误

$('#submit').click(function(event) {}) 

<input type="submit"   value="Skicka Tips" />

<input type="submit" id="submit"  value="Skicka Tips" />

1.) add script to below your form close - <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

2.) add id in submit button - <input type="submit" id="submit"  value="Skicka Tips" />