JavaScript Snippets

Common JavaScript patterns for FiveM resources.

NUI to Client


fetch(`https://${GetParentResourceName()}/callback`, {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({
        type: 'action',
        data: data
    })
})

Client to NUI


// In NUI
window.addEventListener('message', (event) => {
    const data = event.data
    if (data.type === 'showMenu') {
        // Show menu
    }
})

Async Function


async function fetchData() {
    try {
        const response = await fetch('https://api.example.com/data')
        const data = await response.json()
        return data
    } catch (error) {
        console.error('Error:', error)
    }
}