Fix this error the beolw error please   function responseReceivedHandler(data) {/* Successful request:{"success": true,"messages": [{ "date": "...", ... },...]}Unsuccessful request:{"success": false,"error": "..."} */function responseReceivedHandler(data) {const outputElement = $('#output');if (data.success) {// If the request is successful, display the date of the first messageconst firstMessageDate = data.messages[0].date;outputElement.text(firstMessageDate);} else {// If the request is unsuccessful, display the error messageoutputElement.text(data.error);}}$.get("https://wp.zybooks.com/messages.php", { username: "Kelly22" }, responseReceivedHandler, "json").fail(function(jqXHR, textStatus, errorThrown) {console.error("Request failed:", textStatus, errorThrown);$('#output').text("An error occurred: " + textStatus);});/* Your solution goes here */}$.get("https://wp.zybooks.com/messages.php", { username: "Kelly22" }, responseReceivedHandler, "json");.......Testing display for unsuccessful responseYours and expected differ. See highlights below.YoursYours has no outputExpectedUsername not found✖Testing display for successful responseYours and expected differ. See highlights below.YoursYours has no outputExpectedJan 4

C++ for Engineers and Scientists
4th Edition
ISBN:9781133187844
Author:Bronson, Gary J.
Publisher:Bronson, Gary J.
Chapter9: Completing The Basics
Section9.6: A Closer Look: Namespaces And Creating A Personal Library
Problem 5E
icon
Related questions
Question
Fix this error the beolw error please
 
function responseReceivedHandler(data) {
/* Successful request:
{
"success": true,
"messages": [
{ "date": "...", ... },
...
]
}

Unsuccessful request:
{
"success": false,
"error": "..."
} */


function responseReceivedHandler(data) {
const outputElement = $('#output');

if (data.success) {
// If the request is successful, display the date of the first message
const firstMessageDate = data.messages[0].date;
outputElement.text(firstMessageDate);
} else {
// If the request is unsuccessful, display the error message
outputElement.text(data.error);
}
}

$.get("https://wp.zybooks.com/messages.php", { username: "Kelly22" }, responseReceivedHandler, "json")
.fail(function(jqXHR, textStatus, errorThrown) {
console.error("Request failed:", textStatus, errorThrown);
$('#output').text("An error occurred: " + textStatus);
});


/* Your solution goes here */

}

$.get("https://wp.zybooks.com/messages.php", { username: "Kelly22" }, responseReceivedHandler, "json");.......Testing display for unsuccessful response
Yours and expected differ. See highlights below.
Yours
Yours has no output
Expected
Username not found

Testing display for successful response
Yours and expected differ. See highlights below.
Yours
Yours has no output
Expected
Jan 4
Expert Solution
steps

Step by step

Solved in 2 steps

Blurred answer
Knowledge Booster
Concept of pointer parameter
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
C++ for Engineers and Scientists
C++ for Engineers and Scientists
Computer Science
ISBN:
9781133187844
Author:
Bronson, Gary J.
Publisher:
Course Technology Ptr
C++ Programming: From Problem Analysis to Program…
C++ Programming: From Problem Analysis to Program…
Computer Science
ISBN:
9781337102087
Author:
D. S. Malik
Publisher:
Cengage Learning