Wyślij prośbę o dodanie "Content-Type" i JSON

Question

Mam pracować z goo.gl w celu skracania adresów URL. Muszę zrobić następującą prośbę:

POST https://www.googleapis.com/urlshortener/v1/url 
Content-Type: application/json 
{"longUrl": "http://www.google.com/"} 

mój HTML: -

<form method="post" action="https://www.googleapis.com/urlshortener/v1/"> 
    <button type="submit"> submit </button> 
</form> 

Jak dodać 'content-type' i JSON tutaj?

Answer 1

Przeglądarki nie obsługują JSON jako typu mediów do przesyłania formularzy (obsługiwane typy to listed in the spec).

Jedynym sposobem uzyskania takiego żądania ze strony internetowej jest użycie obiektu XMLHttpRequest.

Google zapewnia a JavaScript library (która opakowuje XMLHttpRequest), które mogą wchodzić w interakcje ze swoimi URL Shortener API.

Answer 2

Korzystanie z żądania Ajax znacznie ułatwia życie.

$.ajax({ 
      url: 'https://www.googleapis.com/urlshortener/v1/url', 
      type: 'POST', 
      data: JSON.stringify({ 
      longUrl: $scope.url 
      }), 
      contentType: 'application/json', 
      success: function(got) { 
      return alert("shortened url: " + got.id); 
      } 
    }); 

Powyższe działa idealnie.