ThinkPHP中使用ajax接收json数据的方法
<div id="navCategory"><h5 class="catalogue">目录</h5><ul class="first_class_ul"><li><a href="#_label0">引言</a></li><li><a href="#_label1">前端（JavaScript/AJAX）</a></li><li><a href="#_label2">后端（ThinkPHP控制器）</a></li><li><a href="#_label3">注意事项</a></li></ul></div><p class="maodian"><a name="_label0"></a></p><h2>引言</h2><p>在ThinkPHP框架中，使用AJAX接收JSON数据通常涉及前端和后端的交互。前端通过AJAX发送JSON数据到后端，后端控制器接收并处理这些数据，然后可能返回一些响应数据。</p>
<p>以下是使用ThinkPHP接收AJAX发送的JSON数据的基本步骤：</p>
<p class="maodian"><a name="_label1"></a></p><h2>前端（JavaScript/AJAX）</h2>
<ul><li><p><strong>准备JSON数据</strong>：<br />你需要将要发送的数据转换为JSON格式。</p></li><li><p><strong>发送AJAX请求</strong>：<br />使用<code>$.ajax()</code>、<code>$.post()</code>（对于简单的POST请求）或<code>fetch</code> API来发送数据。</p></li></ul>
<div class="jb51code"><pre class="brush:js;">var data = {
key1: 'value1',
key2: 'value2'
};
$.ajax({
url: '/your/thinkphp/url', // 替换为你的ThinkPHP控制器方法的URL
type: 'POST',
contentType: 'application/json', // 告诉服务器你正在发送JSON数据
data: JSON.stringify(data), // 将数据转换为JSON字符串
success: function(response) {
console.log('Success:', response);
},
error: function(xhr, status, error) {
console.error('Error:', error);
}
});</pre></div>
<ol><li><p>注意：<code>contentType: 'application/json'</code> 是关键，它告诉服务器你正在发送JSON格式的数据。</p></li></ol>
<p class="maodian"><a name="_label2"></a></p><h2>后端（ThinkPHP控制器）</h2>
<ol><li><p><strong>接收数据</strong>：<br />在ThinkPHP的控制器方法中，你可以通过<code>$_POST</code>全局变量来接收数据，但是由于我们发送的是JSON数据，并且设置了<code>contentType</code>为<code>application/json</code>，所以<code>$_POST</code>将不会包含这些数据。相反，你应该使用<code>php://input</code>来获取原始的POST数据，然后使用<code>json_decode</code>将其转换为PHP数组或对象。</p></li></ol>
<div class="jb51code"><pre class="brush:js;">namespace app\controller;
use think\facade\Request;
class YourController
{
public function yourMethod()
{
// 获取原始的POST数据（JSON字符串）
$input = file_get_contents('php://input');
// 将JSON字符串转换为PHP数组
$data = json_decode($input, true); // 第二个参数为true时返回数组，为false时返回对象
// 现在你可以使用$data数组中的数据了
// 例如：$key1 = $data['key1'];
// 处理数据...
// 返回响应
return json(['status' => 'success', 'message' => 'Data received successfully']);
}
}</pre></div>
<ol><li><p>注意：在ThinkPHP 5.1及以上版本中，你也可以使用<code>Request::instance()->post()</code>或<code>request()->post()</code>来获取POST数据，但由于我们发送的是JSON数据，这些方法默认不会解析它。不过，你可以通过配置或自定义请求解析器来让ThinkPHP自动解析JSON数据到<code>$_POST</code>或<code>input()</code>方法中。</p></li><li><p><strong>返回响应</strong>：<br />处理完数据后，你可以使用<code>json()</code>方法或其他响应方法来返回数据给前端。</p></li></ol>
<p class="maodian"><a name="_label3"></a></p><h2>注意事项</h2>
<ul><li>确保你的ThinkPHP路由配置正确，以便AJAX请求能够到达正确的控制器方法。</li><li>在处理用户输入的数据时，始终要进行验证和清理，以防止安全漏洞（如SQL注入、XSS等）。</li><li>如果你的AJAX请求是跨域的，确保你的ThinkPHP应用配置了正确的CORS（跨源资源共享）策略。</li></ul> 楼主分享得很清晰，补充几个在做接口对接时容易忽略的小细节，大家参考哈：
1. 接收JSON必须用原始输入流
ThinkPHP用传统的input('post.')是拿不到JSON数据的，因为那种方式只认application/x-www-form-urlencoded或form-data。正确姿势：
json = file_get_contents('php://input');
data = json_decode(json, true);
如果项目里需要多次解析，建议封装一下。
2. 利用Request对象的getInput方法
如果你习惯依赖容器，也可以这样：
use think\facade\Request;
data = json_decode(Request::getInput(), true);
这个和上面原理一样，但代码更整洁。
3. 前端务必设置contentType
很多人忘记在.ajax里加
contentType: 'application/json;charset=utf-8',
不然后端_POST或input()拿不到任何数据，排查半天才发现是头部问题。
4. 数据库小提醒
解析后记得做数据验证和过滤，尤其是跟数据库交互时，最好用ThinkPHP的验证器或参数过滤，避免直接把raw数据丢进模型。另外调试阶段可以临时用
\think\facade\Log::info(json_encode($data));
记录一下接收到的内容，出问题定位快。
希望这些小补充对跟着楼主学习的同学有帮助～
頁:
[1]