Javascript 如何修复Ajax不从数据库中获取任何内容的问题？

我很难找到这段代码中的错误。我有一个搜索栏，我会使用ajax，这样数据就会自动获取

---

这是我的html文件

---

函数loadproducts（）
{
var name=document.getElementById（“搜索”）；
如果（姓名）
{
$.ajax({
键入：“post”，
contentType:false，
cache:false，
processData:false，
数据：{
产品名称:，
},
url:'loadproducts.php'，
成功：功能（响应）{
$（'product_area'）.html（回复）；
}
});
}
其他的
{
$（'product_area'）.html（“未找到任何产品！”）；
}
}
----------
这是我的loadproducts.php文件
目前，您正在访问实际的HTML元素。您需要该值，因此请使用
.value
：

var name = document.getElementById("search").value;

或者，如果您愿意，可以使用jQuery简化此过程：

var name = $("#search").val();

如果后端希望帖子上有一个由
product=valueFromSearchInput
组成的查询字符串，则需要从选项中删除
processData:false
。此选项告诉jQuery不要将数据选项转换为查询字符串。也不确定为什么要将其设置为
contentType:false
。谢谢您的建议。我删除了现在显示的
processData:false
和
contentType:false
。我会把它们放在一起，因为当我去控制台检查js是否正常工作时，出现了一个错误。我现在就把它取下来，现在就好了。谢谢你的回答。我希望使用此代码而不是我的代码。我的问题是现在修复。谢谢
var name = $("#search").val();