Currently in my node application I am utilizing Backbone.js to handle various ajax calls from views, models and collections. To keep track of these calls, I have created a custom property named "myName" in each view, model and collection, with a unique value assigned to it. Now, I am looking for a way to access this "myName" property in the ajax "beforeSend" function to identify which specific view or model triggered the call. Is there a solution available for achieving this?
When being sent, the callback of $.ajax() will receive 2 parameters:
Sent
Type: Function( jqXHR jqXHR, PlainObject settings )
As you can observe, the second parameter is settings which captures all the options provided to the 'fetch' method in 'Backbone.Collection' or Backbone.Model:
For example:
Your custom ajax setup:
$.ajaxSetup({
beforeSend: function (xhr, options) {
console.log(options.testVar); // This will be "Hello" once collection is fetched
}
});
When using fetch() or engaging with the server:
yourCustomCollectionOrModel.fetch({testVar: "Hello"}).done(function(){
// bla bla
})
Therefore, whenever yourCustomCollectionOrModel has fetched data, testVar will be delivered to the beforeSend's options argument.
Note: It is advisable to avoid globals and opt for a more preferred solution whenever possible.
You can further enhance your workflow if you wish to eliminate repetition when fetching collections or models.
You can simply modify the fetch() method and introduce a specific flag for collections/models in the options.
For instance
var TestCollection = Backbone.Collection.extend({
url: 'your/api/path',
fetch: function (options) {
options = options || {};
options.testVar = 'Hello';
return this.constructor.__super__.fetch.call(this, options);
}
});
Update:
Another quick way to achieve the same behavior is by encapsulating Backbone.sync like this:
var oldSync = Backbone.sync;
Backbone.sync = function(method, model, options) {
options = options || {};
options.modelContext = model;
return oldSync.call(Backbone, method, model, options);
}
This approach eliminates the need to reconfigure fetch or manually pass options to the fetch() method.
And within the beforeSend callback of $.ajax:
$.ajaxSetup({
beforeSend: function (xhr, options) {
console.log(options.modelContext); // This will represent the model's or collection's instance
}
});
We hope this information proves beneficial!
// Here's an illustration
$.ajaxSetup({
beforeSend: function (xhr) {
xhr.setRequestHeader('currentView', storedGlobalVariable /* or sessionStorage */);
}
});
Prior to initiating any ajax request (or when fetching, saving models/collections, etc), remember to save the name of your view in storedGlobalVariable.
I am looking to incorporate a color into my .ejs file. Here is the code snippet I am working with: <% resultList.forEach(function(item, index){ %> <tr> <td><%= item.function %></td> <td><%= item.value %>< ...
node -v v16.20.0 (I have experimented with different versions as well) npm -v 9.8.0 I am facing an issue while trying to set up a website on firebase. Despite multiple attempts, I have not been able to move past the first step. While running BASH in my p ...
Recently, I set up a native installation of Bitnami MEAN stack on my Windows system and followed their tutorial to create a new project. However, when attempting step 3 by running the command express myproject, I encountered an error message stating that & ...
I recently utilized the React Tailwind template to develop a website. It functions flawlessly in my browser with no issues when running npm start. However, I encountered errors while attempting to deploy it on Netlify or Heroku despite following the docume ...
With the help of pip, one can easily export all dependencies by running: pip freeze > requirements.txt However, wondering if there is a similar function for npm packages? ...
Running Windows 10 (64 bit) with Node v13.0.1 and npm 6.12.0, I encountered an issue while attempting to install foundation-cli globally. When I run the command "foundation new" or "foundation -v", I receive the error message "ReferenceError: primordials ...
I'm trying to extract the inner HTML of multiple paragraph elements from a string and I need some help. Here's an example input: let HTML = "<p class="Paragraph" >Hello, World 1!</p><p class="Paragraph" >Hell ...
I'm currently developing an Express application. During startup, it needs to establish connections with both a Redis server and a PostgreSQL server. I want the Express server to only start once both connections have been successfully made. If I was de ...
Is there anyone who can confirm whether Shopify offers typescript definitions for their admin API? I'm specifically interested in finding types for Orders, Products, and Variants. I initially assumed that this package would have them, but it seems l ...
Struggling to deploy a NextJS or Node project on Azure using DevOps pipeline. I have the steps and configurations set up correctly in the Repo PR, build, and release triggers. However, when the job runs the "Azure Web App Deploy" task, it always encounters ...
When integrating SocketIO into an application running behind a node-balancer, the documentation recommends using SocketIO-Redis to facilitate event passing between nodes: const io = require('socket.io')(3000); const redis = require('socket.i ...
As I delve into various client-side Javascript modules workflows for my current Node.JS Express project, I find myself torn between Browserify + npm + gulp and RequireJS + Bower + gulp. While I lean towards CommonJS due to its syntax, the idea of sharing ...
I have a collection of data stored in my MongoDB database like this. { "_id": ObjectId "username": "username-7" }, { "_id": ObjectId "username": "username-1" }, { "_id": Object ...
I'm encountering an issue while attempting to launch my express server on my digital ocean droplet. After executing npm install, I try running npm run startServer but encounter the following error: Error [ERR_MODULE_NOT_FOUND]: Cannot find package &ap ...
Currently, with express 4 and body-parser set up as shown below: var bodyParser = require('body-parser'); ... app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: true })); After integrating dicer, it seems like body parser ...
I encountered an issue while trying to submit form data with multiple fields sharing the same name. The error message "TypeError: expected string but received array" keeps popping up. My suspicion is that the problem lies within Postman. I intend to have ...
I am currently learning node.js and still relatively new to it. Please excuse me if my first question is inefficient or poorly formatted. I am trying to upload a one-page test to explore A2's node.js service. Following tutorials from A2 on creating a ...
I'm struggling with using Express and Request in my project. Despite my efforts, the response body always returns as "undefined" when I try to get JSON data from the server. In my server.js file, this is the code snippet I have been working on: impo ...
I have a question, is it possible to include multiple require js files in one file? If so, how can I create objects from them? Calling 'new AllPages.OnePage()' doesn't seem to work. To provide some context, I'm looking for something sim ...
My schema hierarchy is...... List -> Items -> (attachments, comments, labels) Question: If I need to delete a list, all related hierarchical elements must be removed. Here (attachments, comments, labels) are linked to Item and Item is linked to List ...