// Simple GET request_.get('/api/users', function(data) {    console.log('Users:', data);});// With query parameters_.get('/api/users', { role: 'admin' }, function(data) {    console.log('Admin users:', data);});// Expecting JSON_.get('/api/users', null, function(data) {    console.log('Users:', data);}, 'json');

// POST with form data_.post('/api/users', {    name: 'John Doe',    email: 'john@example.com'}, function(response) {    console.log('User created:', response);});// POST with JSON_.post('/api/users',     JSON.stringify({ name: 'John' }),    function(response) {        console.log('Success:', response);    },    'json');

// Using promises_.get('/api/users')    .then(data => {        console.log('Users:', data);    })    .catch(error => {        console.error('Error:', error);    });// Async/awaitasync function fetchUsers() {    try {        const data = await _.get('/api/users');        console.log('Users:', data);    } catch (error) {        console.error('Error:', error);    }}

_.ajax({    url: '/api/users',    method: 'GET',    data: { role: 'admin' },    dataType: 'json',    headers: {        'X-Custom-Header': 'value'    },    timeout: 5000,    beforeSend: function(xhr) {        console.log('Sending request...');    },    success: function(data, status, xhr) {        console.log('Success:', data);    },    error: function(xhr, status, error) {        console.error('Error:', error);    },    complete: function(xhr, status) {        console.log('Request complete');    }});

_.ajax({    url: '/api/users',    method: 'POST',    data: { name: 'John' },    dataType: 'json'}).then(data => {    console.log('Success:', data);}).catch(error => {    console.error('Error:', error);});

// Update user_.ajax({    url: '/api/users/123',    method: 'PUT',    data: {        name: 'John Updated',        email: 'john.updated@example.com'    },    success: function(data) {        console.log('User updated:', data);    }});

// Delete user_.ajax({    url: '/api/users/123',    method: 'DELETE',    success: function(data) {        console.log('User deleted:', data);    }});

// Partial update_.ajax({    url: '/api/users/123',    method: 'PATCH',    data: { email: 'newemail@example.com' },    success: function(data) {        console.log('User patched:', data);    }});

// Set CSRF token (usually from meta tag or cookie)_.csrf.setToken('your-csrf-token');// All POST/PUT/DELETE requests include the token automatically_.post('/api/data', { foo: 'bar' });  // CSRF token auto-included!

_.ajax({    url: '/api/users',    headers: {        'Authorization': 'Bearer ' + token,        'X-Custom-Header': 'value'    }});

_.ajax({    url: '/api/slow-endpoint',    timeout: 5000,  // 5 seconds    error: function(xhr, status, error) {        if (status === 'timeout') {            console.log('Request timed out!');        }    }});

function fetchWithRetry(url, maxRetries = 3) {    let retries = 0;        function attempt() {        return _.get(url)            .catch(error => {                if (retries < maxRetries) {                    retries++;                    console.log(`Retry ${retries}/${maxRetries}...`);                    return attempt();                }                throw error;            });    }        return attempt();}// UsagefetchWithRetry('/api/users', 3)    .then(data => console.log('Success:', data))    .catch(error => console.error('Failed after retries:', error));

// Serialize form to URL-encoded stringconst data = _('#myForm').serialize();console.log(data);  // "name=John&email=john@example.com"// Post serialized form_.post('/api/submit', _('#myForm').serialize());

// Serialize form to objectconst data = _('#myForm').serializeObject();console.log(data);  // { name: 'John', email: 'john@example.com' }// Post as JSON_.ajax({    url: '/api/submit',    method: 'POST',    data: JSON.stringify(_('#myForm').serializeObject()),    contentType: 'application/json'});

<form id="uploadForm">    <input type="file" name="file" id="fileInput">    <button type="submit">Upload</button></form><script>_('#uploadForm').on('submit', function(e) {    e.preventDefault();        const formData = new FormData(this);        _.ajax({        url: '/api/upload',        method: 'POST',        data: formData,        contentType: false,        processData: false,        success: function(response) {            console.log('File uploaded:', response);        }    });});</script>

_.ajax({    url: '/api/upload',    method: 'POST',    data: formData,    contentType: false,    processData: false,    xhr: function() {        const xhr = new XMLHttpRequest();        xhr.upload.addEventListener('progress', function(e) {            if (e.lengthComputable) {                const percent = (e.loaded / e.total) * 100;                _('#progress').css('width', percent + '%');                _('#progress-text').text(Math.round(percent) + '%');            }        });        return xhr;    },    success: function(response) {        console.log('Upload complete:', response);    }});

<input type="file" id="files" multiple><script>_('#files').on('change', function(e) {    const formData = new FormData();    const files = e.target.files;        for (let i = 0; i < files.length; i++) {        formData.append('files[]', files[i]);    }        _.ajax({        url: '/api/upload-multiple',        method: 'POST',        data: formData,        contentType: false,        processData: false,        success: function(response) {            console.log('Files uploaded:', response);        }    });});</script>

_.get('/api/users', function(data) {    console.log('Users:', data);        data.forEach(user => {        _('#userList').append(`<li>${user.name}</li>`);    });});

_.ajax({    url: '/api/widget',    dataType: 'html',    success: function(html) {        _('#container').html(html);    }});

_.ajax({    url: '/api/data.xml',    dataType: 'xml',    success: function(xml) {        _(xml).find('item').each(function() {            const title = _(this).find('title').text();            console.log(title);        });    }});

_.ajax({    url: '/api/users',    success: function(data) {        console.log('Success:', data);    },    error: function(xhr, status, error) {        console.error('Error:', error);        console.log('Status:', xhr.status);        console.log('Response:', xhr.responseText);                // Handle specific errors        if (xhr.status === 404) {            alert('Resource not found');        } else if (xhr.status === 500) {            alert('Server error');        }    }});

_.get('/api/users')    .then(data => {        console.log('Success:', data);    })    .catch(error => {        console.error('Error:', error);                if (error.status === 401) {            // Unauthorized - redirect to login            window.location.href = '/login';        }    });

function fetchData() {    _('#loading').show();    _('#content').hide();        _.get('/api/data')        .then(data => {            _('#content').html(renderData(data)).show();        })        .catch(error => {            _('#content').html('Error loading data').show();        })        .finally(() => {            _('#loading').hide();        });}

_('#submitBtn').click(function() {    const $btn = _(this);        $btn.prop('disabled', true)        .html('<span class="spinner"></span> Loading...');        _.post('/api/submit', { data: 'value' })        .then(response => {            $btn.html('✓ Success');            setTimeout(() => {                $btn.html('Submit').prop('disabled', false);            }, 2000);        })        .catch(error => {            $btn.html('✗ Error').prop('disabled', false);        });});

function pollAPI() {    _.get('/api/status')        .then(data => {            if (data.status === 'complete') {                console.log('Task complete!');            } else {                // Poll again in 2 seconds                setTimeout(pollAPI, 2000);            }        });}pollAPI();

Promise.all([    _.get('/api/users'),    _.get('/api/posts'),    _.get('/api/comments')]).then(([users, posts, comments]) => {    console.log('All data loaded:', { users, posts, comments });}).catch(error => {    console.error('Error loading data:', error);});

async function loadData() {    try {        const user = await _.get('/api/user/123');        const posts = await _.get(`/api/user/${user.id}/posts`);        const comments = await _.get(`/api/posts/${posts[0].id}/comments`);                console.log('All data:', { user, posts, comments });    } catch (error) {        console.error('Error:', error);    }}

const cache = {};function getCachedData(url) {    if (cache[url]) {        console.log('Using cached data');        return Promise.resolve(cache[url]);    }        return _.get(url).then(data => {        cache[url] = data;        return data;    });}// UsagegetCachedData('/api/users').then(data => {    console.log('Users:', data);});

class RequestQueue {    constructor(maxConcurrent = 3) {        this.queue = [];        this.active = 0;        this.maxConcurrent = maxConcurrent;    }        add(url) {        return new Promise((resolve, reject) => {            this.queue.push({ url, resolve, reject });            this.process();        });    }        process() {        if (this.active >= this.maxConcurrent || this.queue.length === 0) {            return;        }                const { url, resolve, reject } = this.queue.shift();        this.active++;                _.get(url)            .then(resolve)            .catch(reject)            .finally(() => {                this.active--;                this.process();            });    }}// Usageconst queue = new RequestQueue(3);for (let i = 1; i <= 10; i++) {    queue.add(`/api/item/${i}`)        .then(data => console.log(`Item ${i}:`, data));}