Php jquery可以'；不要提交表格

我的代码：

$（文档）.ready（函数（）{
log（“jquery工作”）；
//****全局变量****
//新地址的起始地址编号
$ing_num=3；
新标签；
新输入变量；
$（“#添加#图标”）。单击（函数（）{
console.log（“添加单击的。添加导入输入”）；
$new_label=$（“#new_ingrs”）。追加（“
文件编号“++$ing_num+”
”）；
$new\u input=$（“\35; new\u ingrs”）。追加（“
”）；
$ing_num=$ing_num+1；
});
$（“#删除”）。单击（函数（）{
控制台日志（“按钮点击”）；
});
$（“#添加新记录”）。单击（函数（）{
控制台日志（“按钮点击”）；
$（“#记录表格”）。提交（功能（事件）{
var form_data=$（this）.serializeArray（）；
console.log（form_数据）；
event.preventDefault（）；
控制台日志（“提交表格”）；
var stred_form=JSON.stringify（form_data）；
//将pos文件更改为php
//将数据解析为json文件
$.ajax({
url:“http://localhost:81/Recipes/backend/new_recipe.php",
类型：“POST”，
数据：{formed_data:streed_form}，
数据类型：“json”，
cache:false，
成功：函数（）{
console.log（“提交表格成功”）；
},
状态代码：{
404：函数（）{
console.log（“未找到文件”）；
}
},
错误：函数（xhr、desc、err）{
console.log（xhr）；
console.log（“详细信息：+desc+”\n错误：+err）；
}
});
});
});
});

食谱
添加配方


配方名称

第1区

第2区

配方图像

新增

更改此选项：

$("#remove_ingr").click(function(){

对此

$(document.body).on("click", "#remove_ingr", function(){

第一个添加了一个
click
事件处理程序到button元素，它在调用它的地方不存在，实际上什么都不做

但是，第二个版本将
click
处理程序添加到body元素中，并且只侦听id为
remove\u ingr
的元素上的单击。body元素永远不会更改，因此事件处理程序始终工作。
1）那么localhost上的端口81关闭了吗？2） 问题的PHP部分在哪里？3） 太多的代码让人无法阅读。好的，我会更正我的答案，你能回答为什么删除按钮不起作用的问题吗？你提供的标记中似乎没有“删除按钮”。你可以在这里检查$new\u input=$（“#new\u ingrs”）。追加（
）；如果动态添加按钮，则不会将其绑定到单击事件。您需要重新绑定才能单击。