点击表单提交按钮时jQuery的load函数报错：未找到该函数

我来帮你排查这个问题！从你描述的控制台报错（提示load函数未找到）和表单提交阻止刷新的场景来看，大概率是以下几个常见问题导致的，咱们一步步来解决：

1. jQuery 未正确引入或引入顺序错误 #

这是最容易踩的坑！如果你的代码里用了jQuery的方法（比如$().submit()、preventDefault()），但却没先引入jQuery，或者引入顺序在你的自定义代码之后，就会导致找不到相关方法，甚至连带load这类函数报错。

解决方法：

• 在你的自定义JS代码之前，先引入jQuery的CDN或者本地文件，比如：

<!-- 先引入jQuery -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<!-- 再写你的自定义脚本 -->
<script>
// 你的表单提交逻辑
$('form').submit(function(e) {
  e.preventDefault(); // 阻止页面刷新
  // 其他逻辑，比如调用load或者Ajax请求
});
</script>

• 打开浏览器控制台的Network面板，确认jQuery文件是否成功加载（没有404错误）。

2. load函数被误写或上下文错误 #

如果你的代码里调用了load()，但这个函数要么不是jQuery的load()（用于加载HTML内容的方法），要么你写错了函数名，或者调用它的对象不对，就会报错“未找到”。

排查点：

• 如果你是想调用jQuery的$(selector).load(url)方法，要确保调用它的是一个jQuery对象，比如：

// 正确示例：给某个元素加载远程内容
$('#target-element').load('/some-url.html', function() {
  // 加载完成后的回调逻辑
});

• 如果load是你自己定义的函数，检查函数名是否拼写正确，以及函数定义是否在调用之前。比如：

// 先定义函数
function load() {
  // 你的自定义逻辑
}

// 再在表单提交事件里调用
$('form').submit(function(e) {
  e.preventDefault();
  load(); // 现在就能找到这个函数了
});

3. 表单提交事件绑定时机不对 #

有时候DOM还没加载完成就绑定了submit事件，导致jQuery找不到表单元素，后续的逻辑出错连带load函数报错。

解决方法：
把你的代码放在$(document).ready()里，确保DOM加载完成后再绑定事件：

$(document).ready(function() {
  $('form').submit(function(e) {
    e.preventDefault(); // 可靠阻止页面刷新
    // 这里写你的load相关逻辑
  });
});

4. 其他可能的库冲突 #

如果页面里同时引入了其他JS库（比如Prototype、Zepto），可能会和jQuery的$符号冲突，导致jQuery方法无法正常使用。可以用jQuery代替$来避免冲突：

jQuery(document).ready(function() {
  jQuery('form').submit(function(e) {
    e.preventDefault();
    jQuery('#target').load('/target-url');
  });
});

你可以先按照上面的步骤排查，尤其是先确认jQuery是否正确引入，这是最常见的问题根源。如果还是有问题，可以把你完整的自定义JS代码贴出来，我再帮你进一步分析！

内容的提问来源于stack exchange，提问作者Ethan