使用jQuery+AJAX调用PHP无响应问题求助

• 先确认PHP文件路径有效性
  直接在浏览器地址栏输入PHP文件的完整URL（比如https://你的域名/wp-content/themes/suttons/parts/tankLookup.php），如果访问后页面为空，说明问题出在PHP文件本身或服务器配置，和AJAX无关；如果能看到输出，再排查AJAX路径是否正确——WordPress环境下建议用主题绝对路径函数生成URL，避免相对路径出错。

• 排查PHP文件的静默错误
  在PHP文件最开头添加错误输出代码，强制显示所有报错：

  <?php
  error_reporting(E_ALL);
  ini_set('display_errors', 1);
  // 后续代码
  ?>
  

  常见问题包括：变量未定义（前端没传值时$_POST['email']会触发致命错误，导致后续代码不执行）、文件权限不足（服务器无法读取该PHP文件）、被WordPress安全插件/主题拦截。

• 修正AJAX请求的关键配置

  1. 阻止表单默认提交：如果#submit是表单提交按钮，必须在点击事件里添加e.preventDefault();，否则页面会刷新，AJAX请求被中断，返回内容丢失。
  2. 指定返回数据类型：在jQuery.ajax配置里加上dataType: 'text'（或'json'，根据PHP返回格式调整），同时PHP可以设置响应头明确类型，比如返回JSON时添加header('Content-Type: application/json');。

修改后的测试用JS代码：

jQuery('#submit').on('click', function(e){
    e.preventDefault(); // 阻止页面刷新
    var data = {
            email: jQuery('#email').val(),
            string: jQuery('#string').val(),
        };

    jQuery.ajax({
        url: '/wp-content/themes/suttons/parts/tankLookup.php',
        type: "POST",
        data: data,
        dataType: 'text',
        success: function(data){
            console.log("yes");
            console.log(data);
        },
        error: function(){
            console.log("no");
        }
    });
});

修改后的基础测试PHP代码：

<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);
header('Content-Type: text/plain');
echo "test response";
exit;
?>

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