title: Ajax with javascript / Jquery
body: <p>I have problem with get the returned data from a link . It is not working .
  I have search more and try everything but it still not working . could anyone help me .
  the link : <a href="https://www.routingnumbers.info/api/data.json?rn=13442323" rel="nofollow">https://www.routingnumbers.info/api/data.json?rn=13442323</a>
  my code is </p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function(){
      $("button").click(function(){
   var request = $.ajax({
                  type: 'GET',
                  data: "rn=" + "54455445",
                  url: "https://www.routingnumbers.info/api/data.json",
                  success: function(data) {
  alert("Data: " + data + "\nStatusA: " + status);
                      console.log(data);
                  },
                  error: function(jqXHR, textStatus, errorThrown) {
  alert("Data: " + "Err" + "\nStatus: " + status);
                      console.log(jqXHR, textStatus, errorThrown);
                      request.abort();
                  }
              });
  
  
          $.get("demo_test.asp", function(data, status){
              alert("Data: " + data + "\nStatus: " + status);
          });
      });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;button&gt;Send an HTTP GET request to a page and get the result back&lt;/button&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thank you </p>