example11.html

<html>
  <head>
    <link type="text/css" rel="stylesheet" href="example-style.css"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $.ajax({
          url      : 'randomnews.php',
          dataType : 'text',
          success  : function(results) {
            $('.newslist').append($('<li>' + results + '</li>'));
          }
        });

      });
    </script>
  </head>

  <body>
    <h1>Today's Latest News:</h2>
    <ul class="newslist">
    </ul>
  </body>

</html> 