How can I convert results of WP_Query (of Custom Post Type, with Custom Fields) to JavaScript?

how to write a WP_Query that returns the custom field data

This is not typically necessary. You can simply access meta data for each post in query individually (as you do already). You can also iterate through query more than once in a page (it rewinds to start automatically, that’s what while( have_posts() ) part does).

If you are concerned performance aspect — meta data access is heavily cached in memory (or object cache). Retrieving meta data multiple times in page load will not cause duplicate queries, it will only be fetched once and reused.

Related Posts:

  1. Loading two different AJAX requests on two different pages
  2. WordPress live search and filter
  3. Nested JSON objects – do I have to use arrays for everything?
  4. Uncaught TypeError: Cannot read property ‘length’ of undefined
  5. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  6. jQuery AJAX cross domain
  7. Loading local JSON file
  8. Uncaught TypeError: data.push is not a function
  9. How to convert selected HTML to Json?
  10. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  11. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
  12. How to display raw JSON data on a HTML page
  13. Convert array to JSON
  14. How to filter JSON Data in JavaScript or jQuery?
  15. Javascript : array.length returns undefined
  16. How to add a button dynamically using jquery
  17. Complex JSON nesting of objects and arrays
  18. Uncaught SyntaxError: Unexpected token with JSON.parse
  19. How can JavaScript save to a local file?
  20. Defining a HTML template to append using JQuery
  21. Can’t get a JSON object in response to an Ajax request with wp_ajax
  22. WP_Query result in form of Rest API results
  23. IP address character limit
  24. WP Rest API v2 return posts with specific tag
  25. JSON: schedule creation of json file
  26. Load more AJAX on WP Query
  27. Using AJAX to return search form results
  28. Foreach-generated custom tax queries, each with an ajax “Load more” button
  29. How to Use JSON With AJAX?
  30. Why use JSON API to display recent posts?
  31. How to capture a variable query string, then append it to all URLs in a WordPress site
  32. Update Loop with Form
  33. Refine/Filter WP_Query Posts with jQuery or Ajax
  34. JSON output returns page source code [closed]
  35. Querying A Post That Includes Two Taxonomies Using JSON Rest API
  36. How to use wp_query to post count by search term > group post count by date > convert to json. (ex. result 12-21-2020 – 343)
  37. Load More Posts Button – AJAX
  38. Ajaxify This Code
  39. I want to import my Json file into a custom made display-modal. How do i link my Json file?
  40. Loop Performance > JSON files vs. WP_Query vs. REST API
  41. Filter wordpress post categories with jquery/ajax and pagination?
  42. how update data through ajax and jquery
  43. JSON – Create rest api endpoint for Advanced Custom Fields
  44. Change AJAX filter from POST to GET for URL Parameters
  45. How to get more data of a post by wp_query
  46. Parse wordpress blog data using json api and ajax
  47. Ajax (jquery) wp_query pagination returns -1
  48. WordPress AJAX Request returns 400
  49. How to get a specific string from a url
  50. Change normal grids to masonry grids
  51. WordPress live search and filter custom fields
  52. Remove escape characters from JSON string pulled from a database
  53. Slick slider for post doesn’t display anything
  54. Filter admin ajax data by url query
  55. Finding post ID dynamically on click
  56. How to use jQuery validation to set the search bar to accept only a specific input?
  57. WP query retrieve the src of attached image
  58. WordPress conflict with multiple load more posts functions on click
  59. Display three sequential posts on each page load, without repeating previous
  60. how to avoid reloading/refresh the page when displaying the post of wp_list_categories
  61. How to solve this script problem in theme directory?
  62. Sorting Posts Based On Meta Value Using AJAX
  63. Loop the posts between two dates selected using jquery datepicker
  64. Custom search: Search posts but display parent page in results
  65. Stylesheet won’t load even when linked
  66. Pass a PHP variable (loop-audio.php) to jQuery function (js/script.js)
  67. JSON Object Value Show Undefine
  68. AJAX search function resets wp_query vars
  69. WordPress Ajax search filter on dropdown select
  70. Custom Taxonomy in custom REST API search
  71. Simple Apex Charts with jQuery not working
  72. How to read an external local JSON file in JavaScript?
  73. jQuery disable/enable submit button
  74. Download a file by jQuery.Ajax
  75. Best way to detect if you are in a SINGLE POST page
  76. Better way to get tag stats?
  77. Query two taxonomies via URL or link?
  78. wp_query order by title
  79. Sort posts by custom taxonomy name
  80. Wp_query order by multiple custom fields?
  81. Would this post meta be better added to the post table rather than post_meta table
  82. How to properly add Bootstrap and JQuery Javascripts?
  83. Query Ignoring ‘exclude’ Parameter?
  84. Get posts for which a custom field is not present, with get_posts
  85. Output an array of terms for a ‘tax_query’ => array()
  86. new WP_Query messes up pagination
  87. Use title of post as argument for query
  88. JS file is not loading when i put wp_head() and wp_footer
  89. Different Loop for tag pages?
  90. WP_Query: attachment image in “full” size?
  91. Make a products only viewable to a specific user ID in meta_query pre_get_posts
  92. Exclude parent categories from recent posts list
  93. custom excerpt is not being shown
  94. meta_query only check if both value are set
  95. post_type not working when tag__in is present?
  96. Optimize WP_Query
  97. Add a custom variable to query page object
  98. Help in query for list links
  99. Search (Custom Form, Custom Search Result)
  100. Is there another way to retrieve a post_id from post_meta other than a SQL query?
error code: 523