Question

我正在尝试编写一个小功能，该功能允许用户在HTML输入字段中输入关键字，并让程序动态检索带有该标签的帖子并将其显示在无序列表中。

这是我到目前为止所拥有的：

HTML：

<form id="searchForm" method="POST">
<input id="input-box" type="text" name="searchbox">
<button id="hashtag-submit" type="submit" name="submitButton">Search 
Twitter</button>

<ul id="tweet-list">

</ul>
</form>

PHP：

<?php
 header('Content-type: application/json');
 session_start();

 require 'config.php';
 require 'twitteroauth/autoload.php';
 use Abraham\TwitterOAuth\TwitterOAuth;

 $connection = new TwitterOAuth(CONSUMER_KEY, CONSUMER_SECRET);

 $searchbox = $_GET["searchbox"];

 if (!strlen(trim($searchbox))) {
   //Define the error message
   $message = "Tweet is empty!";
   echo "<script type='text/javascript'>alert('$message');</script>";
 } else{
   $statuses = $connection->get(
     "search/tweets", array("q" => $searchbox, "result_type" => "recent", "count" => "5")
   );
 }

echo(json_encode($statuses));

 ?>

JS：

function displayHashtag(){
      $.getJSON("call_twitter.php", function(tweetdata){
        $.each(tweetdata['statuses'], function(i, tweet){

          var username = tweet.user['screen_name'];
          $("#tweet-list").append("<li><p>" + tweet.text "</p></li><br><br><br>");
        });
      });
    }

此刻，代码将我带到新页面并以JSON格式显示输出。我需要能够自动将其生成为HTML，但是我不确定如何将其转换回HTML格式以显示在HTML元素中检索到的数据。

（检索到的JSON是正确的数据，显示在新的网页上，但格式错误（作为原始JSON），我不知道如何解决该问题）

任何解决方案或提示都将不胜感激！

谢谢！

使用Twitter API根据用户输入，通过主题标签动态检索推文

0 个答案: