带有 Twitter API 的 jquery $.post 有效，但回调函数不返回数据

Question

我的页面上有一个表单，我在其中键入一条消息，该消息使用 Twitter API（通过 Simple PHP Wrapper for Twitter API v1.1）发布推文。推文已成功发布。但是，我想在 div 窗口中显示 php 输出，但到目前为止一直没有成功。

我只是想看看是否可以使用回调中的“数据”从控制台中的 $.post 获得响应。根据我正在阅读的内容，如果成功，那应该包含来自$.post 的响应。但是，我的控制台没有任何输出。

这是我的全部脚本：

    <script>
        $(document).ready(function(){
            $("#tweetButton").click(function(){
                var data = $('#tweetMsg').serialize();
                $.post('Tweet.php', data, function(data){
                    console.log(data);
                }, 'html');
            });
        });
    </script>

这是表格：

    <form>
        <label for="tweetMsg">Enter Your Message:</label>
        <textarea id="tweetMsg" name="tweetMsg" rows="4" cols="50"></textarea>
        <input type="submit" id="tweetButton" class="button" name="tweet" value="Send Tweet">
    </form>

PHP 文件已成功将推文发布到我的帐户，并自行查看，确实返回了请求的内容。

<?php

    require("TwitterAPIExchange.php");
    require("config.php");

$message = $_POST["tweetMsg"];
$settings = array(
    'oauth_access_token' => TWITTER_ACCESS_TOKEN,
    'oauth_access_token_secret' => TWITTER_ACCESS_TOKEN_SECRET,
    'consumer_key' => TWITTER_CONSUMER_KEY,
    'consumer_secret' => TWITTER_CONSUMER_SECRET,
);

$url = 'https://api.twitter.com/1.1/statuses/update.json';
$requestMethod = 'POST';
$apiData = array(
    'status' => $message

);

$twitter = new TwitterAPIExchange($settings);
$twitter -> buildOauth($url, $requestMethod);
$twitter -> setPostfields($apiData);
$response = $twitter -> performRequest(true, Array (CURLOPT_SSL_VERIFYHOST => 0, CURLOPT_SSL_VERIFYPEER => 0));

echo '<pre>';
print_r (json_decode($response, true));

?>

感谢您的帮助！

Answer 1

尝试使用$.ajax 并在单击推文按钮时使用preventDefault() 停止页面reloading。

使用此代码：

$(document).ready(function() {
  $("#tweetButton").click(function(e) {
    e.preventDefault()
    var data = $('#tweetMsg').serialize();
    $.ajax({
      url: "Tweet.php",
      type: "post",
      dataType: 'html',
      data: data,
      success: function(response) {
        console.log(response)
      },
      error: function(jqXHR, textStatus, errorThrown) {
        console.log(textStatus, errorThrown);
      }
    });
  });
});