Javascript 通过按钮调用Ajax函数，而不是自动加载

我在网上得到了这段代码，它似乎实现了我想要实现的目标。但是，该函数调用onload。我希望它只在单击按钮时工作。简单到：

<button type="submit" form="form" value="Submit">Submit</button>

HTML:

<p id="encoded">Encoding..</p>
<p id="error"></p>

编码

---

将处理程序添加到代码中。了解更多关于ajax的信息

$（'#ajax btn'）。单击（函数（）{
$.ajax（”https://api.base62.io/encode", {
类型：“POST”，
数据：JSON.stringify({
数据：“你好，世界！”
}),
contentType:“应用程序/json”，
}).完成（功能（数据）{
$（“#编码”）.html（data.encoded）；
}).失败（功能（xhr、状态、错误）{
$（“#error”）.html（“无法访问API:+error”）；
});
});

编码

单击我
尝试添加单击处理程序。
<p id="encoded">Encoding..</p>
<p id="error"></p>