在tp5框架中，使用$ajax实现无刷新提交表单是非常简单的。通过ajax请求，可以在不刷新整个页面的情况下，将表单中的数据发送给服务器并进行处理。这样可以提高用户体验，减少页面刷新时间，并且支持异步加载数据。下面将介绍如何使用$ajax在tp5中实现无刷新提交表单，并通过举例详细说明。 首先，在前端页面中，我们需要使用JavaScript来监听表单的提交事件，并使用$ajax发送请求。假设我们有一个登录表单，包含用户名和密码两个输入框。代码如下：

<form id="login-form" action="">
<input type="text" name="username" placeholder="请输入用户名">
<input type="password" name="password" placeholder="请输入密码">
<input type="submit" value="登录">
</form>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$('#login-form').submit(function(e){
e.preventDefault();  // 阻止表单提交的默认行为
var formData = $(this).serialize();  // 序列化表单数据
$.ajax({
url: '/login',  // 后端处理登录的路由
type: 'post',
data: formData,
success: function(data){
if(data.code == 200){
alert('登录成功');
// 其他处理逻辑
}else{
alert('登录失败');
}
}
})
})
</script>

上述代码通过jQuery库引入了$ajax方法，并在表单的提交事件中通过$ajax发送了一个POST请求。在请求中，我们将表单数据进行了序列化，并将其作为请求的参数发送给后端。 接下来，我们需要在后端的控制器中处理登录请求，并返回相应的结果。假设我们的登录控制器为LoginController，代码如下：

<?php
namespace app\index\controller;
use think\Controller;
class LoginController extends Controller
{
public function login()
{
$username = input('post.username');
$password = input('post.password');
// 进行登录逻辑处理
return json([
'code' =>200,
'msg' =>'登录成功',
]);
}
}

在上述代码中，我们首先通过input()函数获取前端发送的用户名和密码，然后进行登录逻辑处理。最后，通过return json()方法将处理结果以JSON格式返回给前端。 通过以上步骤，我们就实现了使用$ajax实现无刷新提交表单的功能。当用户在前端登录表单中输入用户名和密码，并点击登录按钮时，页面将不会刷新，而是通过$ajax发送POST请求到后端控制器的login()方法进行处理。后端处理完成后，将处理结果以JSON格式返回给前端，并根据结果作出相应的操作。 除了登录表单外，$ajax无刷新提交表单在其他表单中也可以应用。例如，我们可以使用$ajax在评论表单中实现无刷新提交评论、在用户注册表单中实现无刷新提交注册信息等等。 总结起来，$ajax无刷新提交表单是通过在前端页面监听表单提交事件，在事件中使用$ajax发送请求到后端控制器进行处理，并将处理结果以JSON格式返回给前端的一种实现方式。通过这种方式，可以提高用户体验，减少页面刷新时间，并且支持异步加载数据。无论是登录表单、评论表单还是注册表单，$ajax无刷新提交表单都可以应用，为用户提供更好的交互体验。