Hello, I set up a forum and I would like to have the same menu as the site on the forum. So for that, I have a route that returns the menu. I see two solutions: make an ajax call and append the result in the dom or create a plugin to customize the header. The first solution is easy to set up but I would like to know how to create a plugin with an ajax call. I managed to create the widget but I did’nt succed to make an ajax call . Is that possible ? Thanks, Happy

The best way to get help is to show code :wink:

You’re right :slight_smile: Here’s the code I have a mistake with. export default createWidget('discourse-custom-header', { tagName: 'div', html() { return $.when($.ajax({ url: 'http://www.example.com/menu', async: false })).then(result => { return [ h('div', [ new RawHtml({ html: `${result}` }) ]) ]; }); } }); I get this warning [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help, check https://xhr.spec.whatwg.org/. and this error Error: Unexpected virtual child passed to h(). Expected a VNode / Vthunk / VWidget / string but: got: {}. The parent vnode is: { "tagName": "DIV", "properties": { "attributes": {}, "className": "custom-menu" } }

[imagem] Happy: async: false Why isn’t it async: true?

Even with the async option to true, i have the same error. I don’t think the async option is the real problem here, but maybe i’m wrong.

Custom menu with an AJAX call

Development

notriddle (Michael Howell) 19 Dezembro , 2017 18:22 4

Why isn’t it async: true?

Tópico		Respostas	Vistas
Are there any examples in Discourse of decorating a widget after an ajax request? Development	2	2090	26 Novembro , 2016
Reuse Discourse Hamburger Functionality Product Support	10	2871	10 Julho , 2020
How to manually add contents to pluginOutlet after ajax call? And how to rerender or refresh a pluginOutlet? Development	3	894	31 Maio , 2023
Make another hamburger menu? Product Support	1	1262	20 Abril , 2018
Add custom menu panel to the correct location (same as hamburger menu panel) Development	8	1671	18 Maio , 2021

Custom menu with an AJAX call

Related topics