How to make get_theme_mod work with AJAX in the customizer preview

There is a bug in WordPress 4.8.2 which causes pending customized changes to not be injected into Ajax requests in the preview. This has been fixed in 4.9-alpha via #42162. In the mean time, however, you can do a workaround to modify the requested url with logic like:

// Workaround defect introduced in WordPress 4.8.2 where preview nonce is not included in request.
if ( 'undefined' !== typeof _wpCustomizeSettings ) {
    urlParser = document.createElement( 'a' );
    urlParser.href = url;
    urlParser.search += '&customize_preview_nonce=" + _wpCustomizeSettings.nonce.preview;
    url = urlParser.href;
}

Related Posts:

  1. get_option() vs get_theme_mod(): Why is one slower?
  2. SSL breaks customizer: page isn’t returned from ajax
  3. get_template_part execute with ajax
  4. Why does get_theme_mod return blank (or default value) but get_option returns saved value?
  5. Minimal WordPress load for only `get_option` to work (because ajax…)
  6. Problems with creating sortable sections in customizer
  7. Cannot update my options using wp_ajax
  8. How to localize inline script called with ajax
  9. Theme Customizer – Conditional Controls
  10. Edit a different page in WP Customizer
  11. Customizer AJAX using buttons
  12. Radio buttons live refresh in the customizer
  13. get_theme_mod only returns false
  14. update_option is not saving an array, but saving the string ‘Array’
  15. How to reuse get_template_part() containing a simple loop to work with AJAX correctly?
  16. Using get_theme_mod in php ajax form doesn’t work
  17. Can’t load search results with ajax
  18. update_option in WordPress AJAX
  19. How to perform a frontend HTTP call with AJAX when plugin save the new settings?
  20. How to load dynamic option with ajax
  21. WordPress Select Option Load Custom Fields
  22. Ajax and get_template_part
  23. AJAX save options inside class
  24. AJAX call in backend results in empty update_option
  25. Using AJAX for dynamic settings pages
  26. using Ajax: call to undefined function get_option
  27. get_template_part() does not render after the ajax request
  28. Access to a data from a response AJAX called in a template file php
  29. Access-Control-Allow-Origin error sending a jQuery Post to Google API’s
  30. JavaScript implementation of Gzip
  31. How to cache json with wp-super cache
  32. WordPress AJAX with Axios
  33. REST API endpoint for elasticpress autosuggest
  34. Admin Notification after save_post, when ajax saving in gutenberg
  35. Cannot load admin-ajax.php. No access-control allow origin*
  36. Initialize JS with an ajax loaded ACF form
  37. WordPress Nonce Issue for Ajax Login and Logout
  38. How to modify wp_ajax function?
  39. Nonces and Ajax request to REST API and verification
  40. possible to make sections in theme customizer sortable and saveable at publish button clicked?
  41. Vue.js + AJAX Shortcode
  42. Turn jQuery.ajax() request into XMLHttpRequest (vanilla JavaScript)
  43. wp_remote_get() to get AJAX url /wp-admin/admin-ajax.php
  44. wp_ajax action is not running
  45. get_theme_mod not working
  46. Ajax – gettext without a plugin
  47. How do I set the url to make an ajax request for a html document?
  48. wp-admin AJAX with Fetch API is done without user
  49. Ajax stops working when logged in?
  50. Is it safe to manually sign a user in using AJAX?
  51. My ajax code not returning ajax value
  52. register ajax calls hook
  53. Long Polling: Stuck in while loop
  54. Show Post Content with AJAX
  55. Using an if statement in the theme customizer page
  56. update_post_meta using ajax
  57. How to export custom database data to excel file
  58. How to update Comment post meta through an Ajax call
  59. POST Ajax bad request
  60. Ajax for subscibers not working
  61. get_theme_mod outputs number when using WP_Customize_Cropped_Image_Control
  62. 200 return code on ‘POST /wp-admin/admin-ajax.php’ while NOT logged in
  63. i’m trying to get all my media query attachments via ajax in wordpress
  64. Distinguish between 2 instances of admin-ajax.php
  65. How to update post with Ajax (no plugin)
  66. Next Ajax call doesn’t work
  67. Ajax page load without reload
  68. need a confirmation text to appear on email submission
  69. Including ‘wp-load.php’ after another include() generates an error
  70. WordPress Ajax Page Load to skip embedded iframe
  71. edit user input data contact form 7
  72. Simple AJAX code that refreshes every x seconds?
  73. How to keep scripts persistent during admin-ajax process when saving widget?
  74. Very weird bug: Ajax for non-admins
  75. Search function – problem with whole words
  76. jQuery ajax method does not return data
  77. WordPress 403 error on form submission with Ajax
  78. Ajax is not defined
  79. Get posts by category via ajax
  80. Download doccument on server rather than clients browser
  81. Load oEmbed iframe within ajax call
  82. Adding pagination to Ajax Query
  83. WordPress 4.9.6 – IncludeMe & getAjax GET using wrong URL
  84. Create secondary Archive page format?
  85. Get post details with pure javascript ajax
  86. WorddPress website admin part not working correctly – I think ajax/json issue
  87. Ajax Security regarding user priviliges and nonces
  88. How to populate data from JSON using AJAX in TypeScript? [closed]
  89. Use ajax without a plugin?
  90. Weird admin-ajax.php problem
  91. Ajax contact form returnig 0
  92. Know which script/page is being called by ajax call
  93. Can’t update WP Editor after Ajax
  94. Posting to loop.php file
  95. Running js in html code with same content
  96. How to get current_user_id from wordpress in node js?
  97. AJAX call not initializing for non-admins in WordPress
  98. How to use Ajax with WordPress
  99. Using $.ajax getting 500 error
  100. WordPress Customizer add_control Dropdown of Pages with Multi Select?