{"id":3103,"date":"2020-05-14T14:05:34","date_gmt":"2020-05-14T14:05:34","guid":{"rendered":"https:\/\/contentlab.com\/building-a-wordpress-plugin-with-amadeus-apis-part-2\/"},"modified":"2021-11-24T18:26:31","modified_gmt":"2021-11-24T18:26:31","slug":"building-a-wordpress-plugin-with-amadeus-apis-part-2","status":"publish","type":"post","link":"https:\/\/contentlab.com\/building-a-wordpress-plugin-with-amadeus-apis-part-2\/","title":{"rendered":"Building a WordPress Plugin with Amadeus APIs: Part 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3103\" class=\"elementor elementor-3103\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-60bd4c8b elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"60bd4c8b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-300b87dd\" data-id=\"300b87dd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0c784fe elementor-widget elementor-widget-text-editor\" data-id=\"0c784fe\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 25-04-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<h2>Introduction<\/h2><p>In\u00a0<a href=\"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api\">Part 1 of this series<\/a>, you created a simple WordPress plugin, added an admin page for users to set the credentials to connect to Amadeus Self-Service APIs, and gave the plugin the ability to communicate with the\u00a0<a href=\"https:\/\/developers.amadeus.com\/self-service\/category\/air\/api-doc\/flight-offers-search\">Flight Offers Search API<\/a>. In Part 2, you\u2019ll equip your plugin with a web form for users to enter and submit their travel details via AJAX requests. Then, you\u2019ll finish by giving it the ability to extract flight deals and display them in a table.<\/p><p>You can find the source code used in the article on our\u00a0<a href=\"https:\/\/github.com\/amadeus4dev\/amadeus-flight-search-wordpress-plugin\">GitHub repository<\/a>.<\/p><h2>Receiving user input<\/h2><p>Your plugin will provide a web form for users to submit their origin and destination, departure date, return date (if round-trip) and number of travelling adults, via AJAX requests. You\u2019ll reuse the\u00a0<span style=\"font-weight: bolder;\">get_flight_offers<\/span>\u00a0function to receive the AJAX requests. Let\u2019s get started!<\/p><p>Create the following function called\u00a0<span style=\"font-weight: bolder;\">flight_offers_form<\/span>, which outputs a\u00a0<a href=\"https:\/\/contentlab.com\/adding-ev-routing-to-a-tomtom-web-map-building-the-web-application\/\">web<\/a>\u00a0form when called and saves it in a new PHP file called\u00a0<em>flight-offers-form.php<\/em>:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df0bf7f elementor-widget elementor-widget-code-highlight\" data-id=\"df0bf7f\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>Query the Flight Offers Search API using the user input as the parameters.\r\n\r\nReturn the API\u2019s response to the front end in a JSON string.<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36f1c60 elementor-widget elementor-widget-text-editor\" data-id=\"36f1c60\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Let\u2019s get started. Instead of hardcoding the travel data in the\u00a0<span style=\"font-weight: bolder;\">get_flight_offers<\/span>\u00a0function, obtain it dynamically from the user input submitted via an AJAX request, with this code:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c6a77f elementor-widget elementor-widget-code-highlight\" data-id=\"0c6a77f\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>\/*\r\n$travel_data = array(\r\n  'originLocationCode' \t  => 'SIN',\r\n  'destinationLocationCode' => 'BKK',\r\n  'departureDate' \t      => '2020-08-14',\r\n  'returnDate' \t          => '2020-08-17',\r\n  'adults'                  => 2\r\n);\r\n*\/\r\n$travel_data = array(\r\n  'originLocationCode' \t  => sanitize_text_field( $_POST[\"originLocationCode\"] ),\r\n  'destinationLocationCode' => sanitize_text_field( $_POST[\"destinationLocationCode\"] ),\r\n  'departureDate' \t      => sanitize_text_field( $_POST[\"departureDate\"] ),\r\n  'adults'                  => sanitize_text_field( $_POST[\"adults\"] ),\r\n);\r\nif ( $_POST[\"returnDate\"] !== '' ) {\r\n  $travel_data['returnDate'] = sanitize_text_field( $_POST[\"returnDate\"]\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff4c0db elementor-widget elementor-widget-text-editor\" data-id=\"ff4c0db\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Next, remove these two blocks of redundant output statements from the\u00a0<span style=\"font-weight: bolder;\">get_flight_offers<\/span>\u00a0function:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef70f83 elementor-widget elementor-widget-code-highlight\" data-id=\"ef70f83\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>echo 'Response from the authorization server:';\r\necho '\r\n', json_encode($response_body, JSON_PRETTY_PRINT), '\r\n';\r\n\r\necho 'Response from the Flight Offers Search API:';<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee2ddf6 elementor-widget elementor-widget-text-editor\" data-id=\"ee2ddf6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Then rewrite these three respective code blocks in the\u00a0<span style=\"font-weight: bolder;\">get_flight_offers<\/span>\u00a0function:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc648f6 elementor-widget elementor-widget-code-highlight\" data-id=\"fc648f6\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>\/\/ if(property_exists( $response_body, 'error' ) ) die; \r\nif ( property_exists($response_body, 'error') ) {\r\n  die( '\r\n' . ( $response_body -> error_description ) . '.\r\n\r\n' ); } \/\/ print_r( $e->getMessage() ); die( '\r\n\r\n' . ( $e -> getMessage() ) . '.\r\n\r\n' ); \/\/ echo '\r\n\r\n', substr( json_encode($response_body, JSON_PRETTY_PRINT), 0, 5000 ), '\r\n';\r\necho json_encode($requests_response->body);<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8501de9 elementor-widget elementor-widget-text-editor\" data-id=\"8501de9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Finally, add the following statement to the end of the\u00a0<span style=\"font-weight: bolder;\">get_flight_offers<\/span>\u00a0function to terminate immediately and return a response:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b0ada9 elementor-widget elementor-widget-code-highlight\" data-id=\"7b0ada9\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>wp_die();<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-944a4a4 elementor-widget elementor-widget-text-editor\" data-id=\"944a4a4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>At this point, the\u00a0<span style=\"font-weight: bolder;\">get_flight_offers<\/span>\u00a0function in the\u00a0<em>get_flight_offers.php<\/em>\u00a0file should contain the following code:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c70153 elementor-widget elementor-widget-code-highlight\" data-id=\"9c70153\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>function get_flight_offers() {\r\n  Requests::register_autoloader();\r\n  $url = 'https:\/\/test.api.amadeus.com\/v1\/security\/oauth2\/token';\r\n  $options = get_option( 'amadeus_api_options' ); \r\n  $auth_data = array();\r\n  $auth_data[ 'client_id' ] = $options[ 'api_key_text_field_0' ];\r\n  $auth_data[ 'client_secret' ] = $options[ 'api_secret_text_field_1' ];\r\n  $auth_data[ 'grant_type' ] = 'client_credentials';\r\n  $headers = array( 'Content-Type' => 'application\/x-www-form-urlencoded' );\r\ntry {\r\n  $requests_response = Requests::post( $url, $headers, $auth_data );\r\n  $response_body = json_decode( $requests_response->body );\r\n  if ( property_exists($response_body, 'error') ) {\r\n    die( '\r\n' . ( $response_body -> error_description ) . '.\r\n\r\n' ); } $access_token = $response_body->access_token; } catch (Exception $e) { die( '\r\n\r\n' . ( $e -> getMessage() ) . '.\r\n\r\n' ); } if ( isset( $access_token ) ) { $endpoint = 'https:\/\/test.api.amadeus.com\/v2\/shopping\/flight-offers'; $travel_data = array( 'originLocationCode' => sanitize_text_field( $_POST[\"originLocationCode\"] ), 'destinationLocationCode' => sanitize_text_field( $_POST[\"destinationLocationCode\"] ), 'departureDate' => sanitize_text_field( $_POST[\"departureDate\"] ), 'adults' => sanitize_text_field( $_POST[\"adults\"] ), ); if ( $_POST[\"returnDate\"] !== '' ) { $travel_data['returnDate'] = sanitize_text_field( $_POST[\"returnDate\"] ); } $params = http_build_query( $travel_data ); $url = $endpoint.'?'.$params; $headers = array( 'Authorization' => 'Bearer '.$access_token ); $options = array( 'timeout' => 10, ); try { $requests_response = Requests::get( $url, $headers, $options ); $response_body = json_decode( $requests_response->body ); if ( property_exists($response_body, 'error') ) { die( '\r\n\r\n' . ( $response_body -> error_description ) . '.\r\n\r\n' ); } echo json_encode($requests_response->body); } catch ( Exception $e ) { die( '\r\n\r\n' . ( $e -> getMessage() ) . '.\r\n\r\n' ); } } wp_die(); }<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-931a882 elementor-widget elementor-widget-text-editor\" data-id=\"931a882\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>All that\u2019s left to do is to get your plugin to extract useful information from the data returned by the\u00a0<span style=\"font-weight: bolder;\">get_flight_offers<\/span>\u00a0function and display it in a table. Ready?<\/p><h2>Showing the data<\/h2><p>When a user submits a form, the\u00a0<span style=\"font-weight: bolder;\">$.ajax<\/span>\u00a0method in the\u00a0<em>amadeus-flight-offers-search.js<\/em>\u00a0file makes the AJAX request and returns a\u00a0<a href=\"https:\/\/api.jquery.com\/jquery.ajax\/#jqXHR\">jQuery XMLHttpRequest (jqXHR)<\/a>\u00a0object. The jqXHR object&#8217;s\u00a0<span style=\"font-weight: bolder;\">done<\/span>\u00a0method captures and handles the data returned from a successful AJAX request, while the object&#8217;s\u00a0<span style=\"font-weight: bolder;\">fail<\/span>\u00a0method handles the data from a failed AJAX request.<\/p><p>Let\u2019s start with the easiest one. Add this code to the fail method to format and display the text response from a failed AJAX request:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbe3629 elementor-widget elementor-widget-code-highlight\" data-id=\"dbe3629\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>.fail(function( jqXHR, textStatus ) {\r\n    $( \"#response\" ).html( '\r\n' + jqXHR.responseText + '\r\n\r\n' ); })<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bad6597 elementor-widget elementor-widget-text-editor\" data-id=\"bad6597\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Then add the following code to the\u00a0<span style=\"font-weight: bolder;\">done<\/span>\u00a0method to extract, format, and display useful information from data returned from a successful AJAX request in a table:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54a5b62 elementor-widget elementor-widget-code-highlight\" data-id=\"54a5b62\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>.done ( function( response ){\r\n  var responseObj = $.parseJSON( response );\r\n  var content = '';\r\n  content += '\r\nFlight offers from ' + $( '#originLocationCode' ).val() + ' to ' + $( '#destinationLocationCode' ).val() + ' departing on ' + $( '#departureDate' ).val() + ( ( $( '#returnDate' ).val() !== '' ) ? ( ' and returning on ' + $( '#returnDate' ).val() ) : '') + ' for ' + $( '#adults' ).val() + ' adult' + ( $( '#adults' ).val() > 1 ? 's.' : '.' ) + '\r\n\r\n'; content += '\r\n\r\n'; content += ''; $.each( responseObj.data, function( idx, data ) { var id = data.id; var currency = data.price.currency; var total = data.price.total; var segment_count = 0; $.each( data.itineraries, function( idx, itinerary ) { $.each( itinerary.segments, function( idx, segment ) { var departure_from = segment.departure.iataCode; var departure_time = segment.departure.at; var arrival_at = segment.arrival.iataCode; var arrival_time = segment.arrival.at; var carrierCode = segment.carrierCode; var number = segment.number; var duration = segment.duration; content += ''; content += ''; content += ''; segment_count++; }) }) }) content += '<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c08fe3b elementor-widget elementor-widget-text-editor\" data-id=\"c08fe3b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>\u00a0<\/p><table style=\"background-color: #ffffff; width: 1059.67px;\"><tbody><tr><th>ID<\/th><th>Departure Place<\/th><th>Departure Time<\/th><th>Arrival Place<\/th><th>Arrival Time<\/th><th>Flight No<\/th><th>Duration<\/th><th>Total Price<\/th><\/tr><tr><td>&#8216; + ( ( segment_count === 0 ) ? id : &#8221; ) + &#8216;<\/td><td>&#8216;; content += departure_from + &#8216;<\/td><td>&#8216; + departure_time + &#8216;<\/td><td>&#8216; + arrival_at + &#8216;<\/td><td>&#8216; + arrival_time + &#8216;<\/td><td>&#8216; + carrierCode + &#8216; &#8216; + number + &#8216;<\/td><td>&#8216; + duration + &#8216;<\/td><td>&#8216; + ( ( segment_count === 0 ) ? currency + &#8216; &#8216; + total : &#8221; ) + &#8216;<\/td><td>&#8216;; content += &#8216;<br \/><br \/><\/td><\/tr><\/tbody><\/table>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c593307 elementor-widget elementor-widget-code-highlight\" data-id=\"c593307\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>'; $( '#response' ).html( content ); })<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c53ea23 elementor-widget elementor-widget-text-editor\" data-id=\"c53ea23\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Once it\u2019s complete, the\u00a0<em>amadeus-flight-offers-search.js<\/em>\u00a0file should contain the following code:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41d1166 elementor-widget elementor-widget-code-highlight\" data-id=\"41d1166\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>jQuery(function($){\r\n  $( \"#departureDate\" ).datepicker( { dateFormat: \"yy-mm-dd\" } );\r\n  $( \"#returnDate\" ).datepicker( { dateFormat: \"yy-mm-dd\" } );\r\n  $( \"#flight_offers_request_form\" ).submit( function( event ) {\r\n    event.preventDefault();\r\n    $( \"#response\" ).html( '' );\r\n    $.ajax({\r\n        url: ajax_object.ajax_url,\r\n        type: \"post\",\r\n        dataType: 'JSON',\r\n        data: $( this ).serialize(),\r\n    })\r\n    .done ( function( response ){\r\n      var responseObj = $.parseJSON( response );\r\n      var content = '';\r\n      content += '\r\nFlight offers from ' + $( '#originLocationCode' ).val() + ' to ' + $( '#destinationLocationCode' ).val() + ' departing on ' + $( '#departureDate' ).val() + ( ( $( '#returnDate' ).val() !== '' ) ? ( ' and returning on ' + $( '#returnDate' ).val() ) : '') + ' for ' + $( '#adults' ).val() + ' adult' + ( $( '#adults' ).val() > 1 ? 's.' : '.' ) + '\r\n\r\n'; content += '\r\n\r\n'; content += ''; $.each( responseObj.data, function( idx, data ) { var id = data.id; var currency = data.price.currency; var total = data.price.total; var segment_count = 0; $.each( data.itineraries, function( idx, itinerary ) { $.each( itinerary.segments, function( idx, segment ) { var departure_from = segment.departure.iataCode; var departure_time = segment.departure.at; var arrival_at = segment.arrival.iataCode; var arrival_time = segment.arrival.at; var carrierCode = segment.carrierCode; var number = segment.number; var duration = segment.duration; content += ''; content += ''; content += ''; segment_count++; }) }) }) content += '<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e57b4b7 elementor-widget elementor-widget-text-editor\" data-id=\"e57b4b7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<table style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); background-color: #ffffff; width: 1059.67px;\"><tbody><tr><th>ID<\/th><th>Departure Place<\/th><th>Departure Time<\/th><th>Arrival Place<\/th><th>Arrival Time<\/th><th>Flight No<\/th><th>Duration<\/th><th>Total Price<\/th><\/tr><tr><td>&#8216; + ( ( segment_count === 0 ) ? id : &#8221; ) + &#8216;<\/td><td>&#8216;; content += departure_from + &#8216;<\/td><td>&#8216; + departure_time + &#8216;<\/td><td>&#8216; + arrival_at + &#8216;<\/td><td>&#8216; + arrival_time + &#8216;<\/td><td>&#8216; + carrierCode + &#8216; &#8216; + number + &#8216;<\/td><td>&#8216; + duration + &#8216;<\/td><td>&#8216; + ( ( segment_count === 0 ) ? currency + &#8216; &#8216; + total : &#8221; ) + &#8216;<\/td><td>&#8216;; content += &#8216;<br \/><br \/><\/td><\/tr><\/tbody><\/table>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ce16aa elementor-widget elementor-widget-code-highlight\" data-id=\"2ce16aa\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp> '; $( '#response' ).html( content ); }) .fail(function( jqXHR, textStatus ) { $( \"#response\" ).html( '\r\n' + jqXHR.responseText + '\r\n\r\n' ); }) }) });<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29f8f4ff elementor-widget elementor-widget-text-editor\" data-id=\"29f8f4ff\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">Finally, launch the WordPress post or page containing the added <\/span><strong style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: 1rem;\">[amadeus-flight-offers-search]<\/strong><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\"> tag, enter the trip details into the web form and click the search button. In this example, the trip is for two adults from SIN (Singapore) to BKK (Bangkok), departing on 2020-08-14 and returning on 2020-08-17. You will then see a list of flight offers found for the trip displayed in a table, like so:<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-4420\" src=\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/Wordpress1_1.png\" alt=\"\" width=\"790\" height=\"1235\" srcset=\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/Wordpress1_1.png 790w, https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/Wordpress1_1-192x300.png 192w, https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/Wordpress1_1-655x1024.png 655w, https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/Wordpress1_1-768x1201.png 768w\" sizes=\"(max-width: 790px) 100vw, 790px\" \/><\/p>\n<h2>Conclusion<\/h2>\n<p>In this two-part series, you built and tested a WordPress plugin using the <a href=\"https:\/\/developers.amadeus.com\/self-service\/category\/air\/api-doc\/flight-offers-search\">Amadeus Flight Offers Search API<\/a> and with a small amount of code, were able to add basic flight search data to WordPress. This is just the start of what\u2019s possible. All of the lessons learned in this series can easily be used to integrate other <a href=\"https:\/\/developers.amadeus.com\/self-service\">Amadeus Self-Service APIs<\/a> with WordPress.<\/p>\n<p><em>This article was originally published on <a href=\"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2\">Amadeus&#8217;s blog<\/a><\/em>.<\/p>\n<p><em><span class=\"TextRun SCXW156001673 BCX2\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW156001673 BCX2\">If you\u2019re interested in developing expert technical content that performs, <\/span><\/span><a class=\"Hyperlink SCXW156001673 BCX2\" href=\"https:\/\/contentlab.com\/contact\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"TextRun Underlined SCXW156001673 BCX2\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW156001673 BCX2\" data-ccp-charstyle=\"Hyperlink\">let\u2019s have a conversation<\/span><\/span><\/a><span class=\"TextRun SCXW156001673 BCX2\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW156001673 BCX2\"> today.<\/span><\/span><\/em><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In this article you\u2019ll equip your plugin with a web form for users to enter and submit their travel details via AJAX requests<\/p>\n","protected":false},"author":3,"featured_media":4868,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[278,18,240],"tags":[293,285,294],"hashtags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Building a WordPress Plugin with Amadeus APIs: Part 2 &#183; Technical Content Marketing | ContentLab<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Building a WordPress Plugin with Amadeus APIs: Part 2 &#183; Technical Content Marketing | ContentLab\" \/>\n<meta property=\"og:description\" content=\"In this article you\u2019ll equip your plugin with a web form for users to enter and submit their travel details via AJAX requests\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2\" \/>\n<meta property=\"og:site_name\" content=\"Technical Content Marketing | ContentLab\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-14T14:05:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-24T18:26:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1746\" \/>\n\t<meta property=\"og:image:height\" content=\"530\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"ContentLab\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ContentLabIO\" \/>\n<meta name=\"twitter:site\" content=\"@ContentLabIO\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ContentLab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#article\",\"isPartOf\":{\"@id\":\"https:\/\/contentlab.com\/building-a-wordpress-plugin-with-amadeus-apis-part-2\/\"},\"author\":{\"name\":\"ContentLab\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532\"},\"headline\":\"Building a WordPress Plugin with Amadeus APIs: Part 2\",\"datePublished\":\"2020-05-14T14:05:34+00:00\",\"dateModified\":\"2021-11-24T18:26:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/contentlab.com\/building-a-wordpress-plugin-with-amadeus-apis-part-2\/\"},\"wordCount\":665,\"publisher\":{\"@id\":\"https:\/\/contentlab.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#primaryimage\"},\"thumbnailUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/3.png\",\"keywords\":[\"Ajax\",\"jQuery\",\"PHP\"],\"articleSection\":[\"Hands-on Tutorial\",\"Portfolio\",\"Web\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/contentlab.com\/building-a-wordpress-plugin-with-amadeus-apis-part-2\/\",\"url\":\"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2\",\"name\":\"Building a WordPress Plugin with Amadeus APIs: Part 2 &#183; Technical Content Marketing | ContentLab\",\"isPartOf\":{\"@id\":\"https:\/\/contentlab.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#primaryimage\"},\"thumbnailUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/3.png\",\"datePublished\":\"2020-05-14T14:05:34+00:00\",\"dateModified\":\"2021-11-24T18:26:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#primaryimage\",\"url\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/3.png\",\"contentUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/3.png\",\"width\":1746,\"height\":530},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/contentlab.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building a WordPress Plugin with Amadeus APIs: Part 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/contentlab.com\/#website\",\"url\":\"https:\/\/contentlab.com\/\",\"name\":\"Technical Content Marketing | ContentLab\",\"description\":\"Technical Content Marketing Done Right.\",\"publisher\":{\"@id\":\"https:\/\/contentlab.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/contentlab.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/contentlab.com\/#organization\",\"name\":\"ContentLab.io\",\"url\":\"https:\/\/contentlab.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png\",\"contentUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png\",\"width\":768,\"height\":768,\"caption\":\"ContentLab.io\"},\"image\":{\"@id\":\"https:\/\/contentlab.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ContentLabIO\",\"https:\/\/www.linkedin.com\/company\/17893315\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532\",\"name\":\"ContentLab\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g\",\"caption\":\"ContentLab\"},\"description\":\"ContentLab provides high-quality written articles, tutorials, courses, and other technical marketing materials to industry leaders. We create no-nonsense tech content that\u2019s purpose-built to attract, educate, and engage your technical audience.\",\"sameAs\":[\"https:\/\/contentlab.op\"],\"url\":\"https:\/\/contentlab.com\/author\/contentlab\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Building a WordPress Plugin with Amadeus APIs: Part 2 &#183; Technical Content Marketing | ContentLab","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2","og_locale":"en_US","og_type":"article","og_title":"Building a WordPress Plugin with Amadeus APIs: Part 2 &#183; Technical Content Marketing | ContentLab","og_description":"In this article you\u2019ll equip your plugin with a web form for users to enter and submit their travel details via AJAX requests","og_url":"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2","og_site_name":"Technical Content Marketing | ContentLab","article_published_time":"2020-05-14T14:05:34+00:00","article_modified_time":"2021-11-24T18:26:31+00:00","og_image":[{"width":1746,"height":530,"url":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/3.png","type":"image\/png"}],"author":"ContentLab","twitter_card":"summary_large_image","twitter_creator":"@ContentLabIO","twitter_site":"@ContentLabIO","twitter_misc":{"Written by":"ContentLab","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#article","isPartOf":{"@id":"https:\/\/contentlab.com\/building-a-wordpress-plugin-with-amadeus-apis-part-2\/"},"author":{"name":"ContentLab","@id":"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532"},"headline":"Building a WordPress Plugin with Amadeus APIs: Part 2","datePublished":"2020-05-14T14:05:34+00:00","dateModified":"2021-11-24T18:26:31+00:00","mainEntityOfPage":{"@id":"https:\/\/contentlab.com\/building-a-wordpress-plugin-with-amadeus-apis-part-2\/"},"wordCount":665,"publisher":{"@id":"https:\/\/contentlab.com\/#organization"},"image":{"@id":"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#primaryimage"},"thumbnailUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/3.png","keywords":["Ajax","jQuery","PHP"],"articleSection":["Hands-on Tutorial","Portfolio","Web"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/contentlab.com\/building-a-wordpress-plugin-with-amadeus-apis-part-2\/","url":"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2","name":"Building a WordPress Plugin with Amadeus APIs: Part 2 &#183; Technical Content Marketing | ContentLab","isPartOf":{"@id":"https:\/\/contentlab.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#primaryimage"},"image":{"@id":"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#primaryimage"},"thumbnailUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/3.png","datePublished":"2020-05-14T14:05:34+00:00","dateModified":"2021-11-24T18:26:31+00:00","breadcrumb":{"@id":"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#primaryimage","url":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/3.png","contentUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/3.png","width":1746,"height":530},{"@type":"BreadcrumbList","@id":"https:\/\/developers.amadeus.com\/blog\/build-wordpress-plugin-amadeus-api-part-2#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/contentlab.com\/"},{"@type":"ListItem","position":2,"name":"Building a WordPress Plugin with Amadeus APIs: Part 2"}]},{"@type":"WebSite","@id":"https:\/\/contentlab.com\/#website","url":"https:\/\/contentlab.com\/","name":"Technical Content Marketing | ContentLab","description":"Technical Content Marketing Done Right.","publisher":{"@id":"https:\/\/contentlab.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/contentlab.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/contentlab.com\/#organization","name":"ContentLab.io","url":"https:\/\/contentlab.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/contentlab.com\/#\/schema\/logo\/image\/","url":"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png","contentUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png","width":768,"height":768,"caption":"ContentLab.io"},"image":{"@id":"https:\/\/contentlab.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ContentLabIO","https:\/\/www.linkedin.com\/company\/17893315\/"]},{"@type":"Person","@id":"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532","name":"ContentLab","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/contentlab.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g","caption":"ContentLab"},"description":"ContentLab provides high-quality written articles, tutorials, courses, and other technical marketing materials to industry leaders. We create no-nonsense tech content that\u2019s purpose-built to attract, educate, and engage your technical audience.","sameAs":["https:\/\/contentlab.op"],"url":"https:\/\/contentlab.com\/author\/contentlab\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/3.png","_links":{"self":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts\/3103"}],"collection":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/comments?post=3103"}],"version-history":[{"count":7,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts\/3103\/revisions"}],"predecessor-version":[{"id":5821,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts\/3103\/revisions\/5821"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/media\/4868"}],"wp:attachment":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/media?parent=3103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/categories?post=3103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/tags?post=3103"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/hashtags?post=3103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}