当然，下面是一个使用jQuery Ajax提交表单并查询数据的基本示例代码。这个例子中，我们假设你有一个表单，用户填写数据后，通过Ajax异步提交到服务器，然后服务器返回查询结果。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Ajax 表单提交示例</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
// 绑定表单提交事件
$('#myForm').submit(function(e) {
e.preventDefault(); // 阻止表单默认提交行为
// 序列化表单数据
var formData = $(this).serialize();
// 使用Ajax发送请求
$.ajax({
url: 'your_server_endpoint', // 服务器处理表单的URL
type: 'POST', // 提交方式
data: formData, // 表单数据
dataType: 'json', // 预期服务器返回的数据类型
success: function(response) {
// 请求成功时执行的回调函数
console.log('查询成功:', response);
// 假设response是一个包含查询结果的JSON对象，这里可以根据实际情况处理
// 例如，将结果显示在页面上
$('#result').html(JSON.stringify(response));
},
error: function(xhr, status, error) {
// 请求失败时执行的回调函数
console.error('查询失败:', error);
// 可以在这里给用户一些错误提示
alert('查询过程中发生错误，请稍后再试！');
}
});
});
});
</script>
</head>
<body>
<form id="myForm">
<input type="text" name="query" placeholder="请输入查询内容">
<button type="submit">查询</button>
</form>
<div id="result"></div> <!-- 用来显示查询结果的容器 -->
</body>
</html>
这段代码展示了如何使用jQuery Ajax提交表单。首先，我们阻止了表单的默认提交行为，然后序列化表单数据，并使用`$.ajax`方法发送POST请求到服务器。服务器应该接收这些数据，并返回查询结果。在`success`回调函数中，我们处理了服务器返回的数据，并在页面上显示了这些数据。如果请求失败，则在`error`回调函数中给出了错误提示。
请注意，你需要将`'your_server_endpoint'`替换为你实际的服务器处理URL。