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. Cannot get user’s ACF data when using a template part in a WP_User_Query
  30. PHP “php://input” vs $_POST
  31. Google Maps API throws “Uncaught ReferenceError: google is not defined” only when using AJAX
  32. Access-Control-Allow-Origin error sending a jQuery Post to Google API’s
  33. Access-Control-Allow-Origin error sending a jQuery Post to Google API’s
  34. How to solve the error “SCRIPT7002: XMLHttpRequest: Network Error 0x80070005, Access is denied.” in IE
  35. Show spinner GIF during an $http request in AngularJS?
  36. Refresh HTML Page in Browser Automatically on Timer – Every 15 Min
  37. JavaScript implementation of Gzip
  38. jQuery: Performing synchronous AJAX requests
  39. ASP.NET MVC controller actions that return JSON or partial html
  40. jQuery’s .on() method combined with the submit event
  41. Ajax takes 10x as long as it should/could
  42. How to check if I am in admin-ajax.php?
  43. Best way to end WordPress ajax request and why?
  44. How to load wp_editor() through AJAX/jQuery
  45. How to cache json with wp-super cache
  46. Load minimum WordPress environment
  47. Why use wp_send_json() over echo json_encode()?
  48. Why use admin-ajax.php and how does it work?
  49. How to get a unique nonce for each Ajax request?
  50. Open a Thickbox with content trough AJAX
  51. Initialize TinyMCE editor / visual editor after AJAX insert
  52. Why not register shortcodes if is_admin dashboard?
  53. Using jQuery to delete data stored in wp_options
  54. WordPress AJAX with Axios
  55. Why is die() used at the end of function that handles an Ajax request?
  56. Why might a plugin’s ‘do_shortcode’ not work in an AJAX request?
  57. Making my AJAX powered WordPress Crawlable
  58. Is there a JavaScript API? How to access public and private data in JS?
  59. Get Previous & Next posts by Post ID
  60. failed to load wp-admin/admin-ajax.php
  61. Using Backbone with the WordPress AJAX API
  62. Using Ajax with a Class file
  63. Ajax in a settings page (update_option is undefined)
  64. How to pass data parameter to ajax action function handler
  65. WordPress Ajax Data Security
  66. Use default value of wp_customizer in theme_mod output?
  67. Displaying PHP Errors from admin-ajax.php
  68. wp_set_auth_cookie() doesn’t work in Ajax call
  69. gettext does not translate when called in ajax
  70. Execute one AJAX request after another AJAX request finished
  71. WP-AJAX vs WP REST API: What to use for requests to the website from outside?
  72. Ajax and autocomplete
  73. How to add to cart via AJAX Woocommerce [closed]
  74. Nonces and Cache
  75. Why is a 500 error generated by admin-ajax.php not going into the Apache error log?
  76. Are ‘wp_ajax’ and ‘wp_ajax_nopriv’ exclusive to authenticated and non-authenticated users?
  77. How to HTML5 FormData Ajax
  78. admin-ajax.php vs Custom Page Template for Ajax Requests
  79. How to override WP_DEBUG for Ajax responses?
  80. Stop admin-ajax?
  81. redirect out of wp-admin, without losing admin-ajax.php
  82. Call to undefined function add_action()
  83. Is it safe to assume that a nonce may be validated more than once?
  84. Including WordPress in RESTful API
  85. Is having multiple theme customizers for different pages possible?
  86. Multiple ajax nonce requests
  87. Can I create customizer setting that can handle plugin shortcode?
  88. Get posts with ajax
  89. admin-ajax.php doesn’t work when using POST data and Axios
  90. How to call a PHP function with Ajax when the user clicks a button
  91. REST API endpoint for elasticpress autosuggest
  92. Ajax for non-logged-in users
  93. Contact Form 7 Custom Post Action
  94. Custom Form with Ajax
  95. How to process ajax requests correctly using ajax plugins
  96. ajax – why multiple calls to wp_create_nonce() return same value?
  97. Update user meta using with ajax
  98. Registering AJAX callback function that is part of a class without instantiating the class in function.php
  99. WordPress function that makes HTML safe to be sent via AJAX request
  100. How do I hook an Ajax request into a PHP callback?
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)