使用jq的ajax 后台php在谷歌无法获取ajax传来的post值（谷歌显示未定义） 在火狐可以获取到

Question

我搞了几天 依旧无法在谷歌获取ajax传来的值,时不时有这个报错

js部分

  var name2=$("#name2").val();
       var textarea=$("#textarea_liuyan").val();
   $.ajax({
       //请求方式
       type:'POST',
       //发送请求的地址
       url:'http://192.168.0.100:85/php/liuyan.php',
       //服务器返回的数据类型

      contentType:"application/x-www-form-urlencoded",
       data:{
         "name":name2,
         "tel":textarea

       },  

      success:function(data){
         alert(name2);
         console.log(data);
         console.log(typeof data);
         console.log(XMLHttpRequest.readyState);
      },
      error:function(data){
       alert("down");

         console.log (data);
         console.log (typeof textarea);
      }
     });

php部分

<?php

header('Access-Control-Allow-Origin:*');
 define('DB_HOST', 'localhost');
 define('DB_USER', 'root');
 define('DB_PASS', '1234');
 define('DB_NAME', 'dengluzhuce');
 $dbc = mysqli_connect(DB_HOST, DB_USER, DB_PASS, DB_NAME);

echo ($_POST['name']);
?>

html部分

  <section class="liuyan" >

          <div class="wrap">
            <div class="wrap-head">
              <div class="head-logo">
                <img src="image/019.png" />
              </div>
              <div class="head-txt">
                <a class="title-txt" href="javascript:void(0)">置办年货省省省！红包在手年货无忧！点击领取年货红包&nbsp;&nbsp;&nbsp;热门微博</a>
              </div>
            </div>
            <div class="main-txt">
              <textarea   id="textarea_liuyan"  class="textarea_liuyan"  name="textarea_liuyan5"   rows="" cols="" ></textarea>
            </div>
            <div class="warp-footer">
              <div class="warp-icon-cont">
                <ul>
                  <li><img src="img/wb1.png" alt="" />
                    <a href="javascript:void(0)">表情</a>
                  </li>
                  <li><img src="img/wb2.png" alt="" />
                    <a href="javascript:void(0)">图片</a>
                  </li>
                  <li><img src="img/wb3.png" alt="" />
                    <a href="javascript:void(0)">视频</a>
                  </li>
                  <li><img src="img/wb4.png" alt="" />
                    <a href="javascript:void(0)">话题</a>
                  </li>
                  <li><img src="img/wb5.png" alt="" />
                    <a href="javascript:void(0)">文章</a>
                  </li>
                  <p style="float:right">姓名<input type="text"  id="name2" name="name2"></input></p>
                </ul>

              </div>
              <div class="warp-footer-btns">
                <div class="release-btn">
                  <a href="javascript:void(0)"> 
                   发布
                  </a>  
                </div>
              </div>
            </div>
          </div>

          <!-- 显示留言的主体 -->
          <div class="show">
            <!-- <div class="show-content">
              <div class="show-name">Xx</div>
              <div class="show-txt">
                <p class="">这是内容</p>
              </div>
              <div class="show-time">2018年10月24日</div>
              <div class="show-close">x</div>
            </div> -->
          </div>

        </section>

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

从您提供的代码来看，$.ajax 的 success 回调函数中尝试解析和输出 AJAX 请求中的数据。但是，在 PHP 端，当 AJAX 请求成功时，它并没有将响应体的内容传递给 JavaScript。

要解决此问题，请确保您的 PHP 程序能够正确处理和返回 JSON 格式的响应。此外，为了使 AJAX 能够正常工作，您可能还需要考虑如何在 PHP 端设置正确的 HTTP 头部信息，并确保它们被浏览器正确理解。以下是一个简单的示例：

// 设置HTTP头信息
header('Access-Control-Allow-Origin:*');

// 设置HTTP头信息
header('Content-Type: application/json; charset=utf-8');

// 返回JSON响应
$responseData = [
    'message' => 'Success',
    'data' => [
        'name' => $_POST['name'],
        'tel' => $_POST['tel']
    ]
];

echo json_encode($responseData); // 输出JSON响应

现在，您可以再次尝试使用 jQuery AJAX 将数据发送到服务器。注意，由于 PHP 端已经设置了适当的 HTTP 头部信息，因此您不需要再添加任何额外的信息。只需像之前一样发送 AJAX 请求即可。希望这能帮助您解决问题。