title: How to use weather API in a website
body: <p>I am developing a weather application and i am trying to use API from worldweatheronline.com website . but my question here is how do i start to use this weather API in my website. as i have already read a question from SO and was not clear about the solution <a href="https://stackoverflow.com/questions/18311355/how-to-integrate-the-weather-api-into-my-website">How to integrate the weather api into my website?</a> . So please help me how to start using these API using Javascript. any examples would be appreciated. and please do remember that i am new to web apps API usage.</p>
  
  <p>the response which i got from the website is </p>
  
  <pre><code>Request URI
    http://api.worldweatheronline.com/free/v1/search.ashx?q=Chennai&amp;format=json&amp;key=53jjtnrm9d5jucpmxyyhj7vn
  </code></pre>
  
  <p>Request Headers
         {
         "X-Originating-Ip": "14.140.167.22"
         }</p>
  
  <pre><code>Response Headers
  
       {
     "Age": "0",
     "Cache-Control": "public, no-cache=\"Set-Cookie\", max-age=120",
     "Content-Type": "application/json; charset=utf-8",
    "Date": "Mon, 16 Sep 2013 09:02:34 GMT",
    "Server": "Microsoft-IIS/7.5",
    "X-Aspnet-Version": "4.0.30319",
    "X-Cache": "MISS",
    "X-Mashery-Responder": "prod-j-worker-eu-west-1a-96.mashery.com",
    "X-Powered-By": "UKFast Webcelerator",
    "Transfer-Encoding": "chunked",
    "Connection": "keep-alive"
  </code></pre>
  
  <p>}</p>
  
  <pre><code> Response Body
        {
      "search_api": {
      "result": [{
          "areaName": [{
              "value": "Chennai"
          }],
          "country": [{
              "value": "India"
          }],
          "latitude": "13.083",
          "longitude": "80.283",
          "population": "0",
          "region": [{
              "value": "Tamil Nadu"
          }],
          "weatherUrl": [{
              "value": "http:\/\/www.worldweatheronline.com\/Chennai-weather\/Tamil-Nadu\/IN.aspx"
          }]
      }]
     }
     }
  </code></pre>