jquery $.post with Twitter API 有效,但回调函数不返回数据

jquery $.post with Twitter API works, but callback function is not returning data

我在我的页面上有一个表单,我在其中键入一条消息,该消息使用 Twitter API(通过 Simple PHP Wrapper for Twitter API v1.1)到 post 一条推文。推文已成功 posting。但是,我想在divwindow中显示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 文件已成功 post 将推文发送到我的帐户,并自行查看 return 请求的内容。

<?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));

?>

感谢您的帮助!

尝试使用 $.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);
      }
    });
  });
});