Ajax Erfolg() funktioniert nicht, wenn API Aufruf

Question

Das OnClick() Ereignis der Schaltfläche nicht leitet anywhere.There könnte ein Problem mit dem Erfolg sein() von ajax.I kann nicht herausfinden, was, wie ich bin neu dazu.

var currentAuthor=""; 
var currentQuote=""; 
$(document).ready(function(){ 
    $("#getMessage").on("click",function(){ 
    $.ajax({ 
    header:{ 
     "X-Mashape-Key":"xE5Raw3acMmsh4dpp6HEk5WSbJtTp1X9TL3jsnue3VRzr5vNNa", 
    Accept: "application/json", 
     "Content-Type": "application/x-www-form-urlencoded" 
    }, 
    url:"https://andruxnet-random-famous-quotes.p.mashape.com/?cat=", 
    success: function(response){ 
     var r=json.parse(response); 
     currentQuote=r.quote; 
     currentAuthor=r.author; 
     $("#author").html(r.author); 
    } 
    }); 
    }); 
}); 

Answer 1

Sie hatten zwei Probleme:

1. Kopf headers
2. es JSON.parse ist sein sollte und nicht json.parse

var currentAuthor = ""; 
 
var currentQuote = ""; 
 
$(document).ready(function() { 
 
\t $("#getMessage").on("click", function() { 
 
\t \t $.ajax({ 
 
\t \t \t headers: { 
 
\t \t \t \t "X-Mashape-Key": "xE5Raw3acMmsh4dpp6HEk5WSbJtTp1X9TL3jsnue3VRzr5vNNa", 
 
\t \t \t \t "Accept": "application/json", 
 
\t \t \t \t "Content-Type": "application/x-www-form-urlencoded" 
 
\t \t \t }, 
 
\t \t \t url: "https://andruxnet-random-famous-quotes.p.mashape.com/?cat=", 
 
\t \t \t success: function (response) { 
 
\t \t \t \t var r = JSON.parse(response); 
 
\t \t \t \t currentQuote = r.quote; 
 
\t \t \t \t currentAuthor = r.author; 
 
\t \t \t \t $("#author").html(r.author); 
 
\t \t \t } 
 
\t \t }); 
 
\t }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="getMessage">Get Message</button> 
 
<p id="author"></p>