Is there a way to send an array instead of just string or numeric values?
Is there a way to send an array instead of just string or numeric values?
When it comes to encoding data, the popular choice is usually "XML".
Let's explore some examples tailored to specific cases. In this scenario, 'info' contains the information you want to transmit.
var numList = [10, 20, 30];
info = '[' + numList + ']';
var strList = ['apple', 'banana', 'cherry'];
info = '["' + strList.join('", "') + '"]';
If you need a more general solution, consider using a function that can recursively encode objects into XML format. While I could provide a sample implementation for you, coding it yourself can be an enjoyable challenge. If your project involves a JavaScript library, there may already be a built-in XML encoder available (like jQuery's serializeArray).
If you're working with JavaScript and need to serialize JSON data, you'll have to rely on a library since there are no built-in serializers. One highly recommended option is json2.js.
Check out this example:
// Let's say you have an array of objects:
var data = [{ name: 'John', age: 30 }, { name: 'Jane', age: 25 }];
// Convert it to a JSON string:
var jsonData = JSON.stringify(data);
// Remember to pass the jsonData variable in an AJAX request
// On the server side, make sure to use a JSON deserializer to convert the data back into an array of objects
Only string or numeric values can be sent
Technically, you can only send strings. Even if you include a number, it will be treated as a string; the server-side script is responsible for converting it back into a number.
Is there a way to send an array?
To send multiple values in native HTML-forms, you can use multiple inputs with the same name parameter repeated. For instance, to send [1,2,3]:
http://www.example.com/ajax.script?a=1&a=2&a=3
The same approach of sending multiple parameter instances can be applied in an AJAX post request.
If you are using a framework to handle form encoding, how it handles multiple parameter instances varies. In jQuery, you can post an object like {a: [1,2,3]}.
Alternatively, you can bypass standard HTML form encoding and pass all your values in a custom encoding format that preserves data types and structure. This is often done using JavaScript value literals (JSON):
http://www.example.com/ajax.script?a=%5B1%2C2%2C3%D
(which represents [1,2,3], URL-encoded.) On the server side, you would need a JSON parser to reconstruct the original array values.
Instead of going through the hassle of encoding JSON, a more efficient way to send Arrays is available. One simple example can be seen in the code snippet below:
$.post("yourapp.php", { 'data[]': ["iphone", "galaxy"] });
For further information, visit http://api.jquery.com/jQuery.post/.
I have integrated gem "bootstrap-sass", "~> 2.3.0.0", which indicates that I am utilizing Bootstrap 2. Detailed information on the modal can be found here. The code for my custom modal looks like this: #Modal.modal.hide.fade{"aria-hidden" => "true" ...
Having experimented with various approaches: I attempted to utilize hidden video tags and toggle their visibility, but encountered flickering issues. Another strategy involved modifying the src attribute of the video. However, I found that I needed to ...
My primary goal is to avoid using JavaScript and instead focus on analytics. Is it possible for me to create Plotly graphs in Python (for example, in Jupyter notebooks) and then utilize the write_html function to seamlessly integrate them into fully deve ...
I am working with two textboxes <input id='random_value' name='random_name' value='First' <input id='random_value' name='random_name' value='' My challenge is to replace the value of a tex ...
As a newcomer to web programming, I appreciate your patience with me. I have developed a web page that submits form data to a PHP exec() function. This function retrieves data from a website, processes it in different ways, and saves it on my server. Whil ...
I've created a dynamic table component that allows me to modify columns by changing their ordering, adding new ones, or removing existing ones. The structure of my table body is as follows: <tr v-for="row in data" :key="row.id"& ...
How can I prevent releasing data if two attributes are empty? const fork = [ { from: 'client', msg: null, for: null }, { from: 'client', msg: '2222222222222', for: null }, { from: 'server', msg: 'wqqqqqqqq ...
I am currently facing a challenge with my custom Data-Table being utilized by all developers in the workspace. Due to its complexity, I find it difficult to make changes for minor tasks and have decided to explore alternative solutions. The Data-Table is ...
When a user clicks on either "Twin Bed" or "King Bed", the content inside the "demand-message" should change to either "high demand" or "Only ??? rooms left". The ID will remain the same for both buttons due to existing logic. However, the message display ...
My goal is to implement a delay in JavaScript using either setInterval or setTimeout, but I am facing an issue where the primary element is getting removed. Code that works fine without Javascript delay: const selectAllWithAttributeAdStatus = document. ...
Essentially, I have an event called onclick that takes form data and stores it in a variable. When another function is executed by the user, I want to send that variable through ajax within the function. This is the onclick event (first form): $('#n ...
Currently, I am working on implementing Cascading Dropdowns using Ajax in .Net Core 6. My goal is to enable selecting colors based on the chosen product when invoicing. This means that upon selecting a product, the subsequent dropdown list should display o ...
Is there a way to prevent the Treeview from collapsing every time a node is selected? I want it to render a button based on the selected node. Here's an example that I've created: https://codesandbox.io/s/summer-water-33fe7?file=/src/App.js ...
I recently started using Parse and have been exploring the documentation and answered questions. However, I still have a couple of inquiries on my mind. Firstly, I discovered that the Javascript SDK does not function on IE9 and IE8 without an SSL certific ...
HTML <ul class="courseDates"> <li class="dateOne col-sm-2"> {tag_course date 1} </li> <li class="dateTwo col-sm-2"> {tag_course date 2} </li> <li class="dateThree col-sm-2"> { ...
Is there a way to specify the location of the 'Request desktop site' option? Here is the code I am currently using: var detector = new MobileDetect(window.navigator.userAgent); if(detector.mobile() != null || detector.phone() != null || det ...
I'm a beginner with Angular and I'm trying to pass some data to my angular directive from the template. <div class="col-md-6" approver-picker="partner.approverPlan.data" data-pickerType="PLAN"></div> I h ...
As I explore the depths of the Internet, I find myself puzzled by the mysterious "index.js" module file. Through the use of babelJS + Node.js or Browserify/Webpack, I am able to effortlessly import an "index.js" module located within a "libs" directory wi ...
Question regarding nextjs page middleware: the documentation states that the request object should include geo, IP, ua, cookies, and nexturl properties. Visit the link for more information. I am attempting to retrieve the user's location using page m ...
I'm struggling to bind a range slider to the left or right side of a canvas that displays video. Despite my efforts, CSS seems to be putting up a strong fight. I can handle issues like stretching and slider values, but attaching it to the canvas is pr ...