Replace the plus signs in a string with spaces using the JSON.stringify method

When utilizing AJAX, I am sending the string someString to a PHP handler.

xmlHttp.open("POST", url, true);
var someString = 'Foo+Bar';
var params = 'operation='+operation+'&json='+JSON.stringify(someString);
xmlHttp.send(params);

If the someString contains a '+', it is replaced with a space. While this behavior is expected with JSON.stringify, I am curious about how I can retain the pluses (using JavaScript only)?

My second question pertains to which other symbols are replaced by JSON.stringify?

javascriptjsonajax

Answer №1

Regarding the function JSON.stringify, it is important to note that it is not related to the conversion of + to a .

The transformation of + to a occurs through the URL parser implemented on the server side. This character substitution serves as one method for representing spaces within a URL, with another option being %20.

In order to ensure that text can be safely inserted into a URL, it is recommended to utilize encodeURIComponent.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

In Python, create a JSON dictionary with ID and timestamp fields, then find the ID with the highest timestamp value in the generated JSON dictionary

JSON data: "machines": { "machines-xyz-123": { "vm": { "id": "compute1234", "createTimestamp&q ...

pythonjsonpython-3.xdictionary

send a message to all clients using socket.io

I am having trouble figuring out how to broadcast a message from the client or another NodeJS file to all clients. While I was able to send messages to the server successfully, I am not able to reach every other client. Server code: var io = require(&ap ...

javascriptnode.jssockets

Is there a way to switch the classList between various buttons using a single JavaScript function?

I'm currently developing a straightforward add to cart container that also has the ability to toggle between different product sizes. However, I am facing difficulties in achieving this functionality without having to create separate functions for ea ...

javascriptjquerycsstoggle

Instructions for extracting the href value from an anchor tag using JavaScript within a specified string

How can I retrieve the href value of the last anchor tag in the provided content string using pure JavaScript, excluding jQuery? var contents = '<div id="content"><a href="http://www.okhype.com/wp-content/uploads/2016/12/ruffcoin-made-in-aba ...

javascripthtml

Implementing dynamic selection of items in a drop-down list with Ruby On Rails using Ajax (once more)

Help needed! I am so close yet so frustrated. Here are the two drop-down lists on the products/new page: <p> <%= f.label :category_id %>: <%= f.select("category", Category.find(:all).collect {|c|[c.name, c.id]}) %> </p> <% ...

ruby-on-railsajax

"Encountering an issue with the parameter 'undefined' in the .find()

Recently, I've been facing some challenges while using the .find() method within a vuex getter. I initialized a store with a list under state (pages) // state.js const state = { pages: [{id:1, content:"Page 1"}, {id:2, content:"Page 2"}] }; In my ...

javascriptvue.jsvuex

Ways to extract specific HTML from a jQuery element

When fetching html from a website, how can I extract specific html content instead of getting all of it? I have attempted the following method: Before appending data to the target below container.html(data); I would like to perform something like data.f ...

javascriptjqueryhtmlcss

Parsing nested JSON data in a model class using Swift 4 encoding and decoding techniques

My Swift model class is structured based on a nested JSON response like this: struct RootModel : Codable { let details: String? let itemCount: Int? let list: [ListModel]? enum CodingKeys: String, CodingKey { case details = "Detail ...

jsonencodingmodelswift4decoding

The initial io.emit message seems to always be delayed or lost in transmission

io.on('connection',function(socket){ console.log('connected'); socket.on('disconnect',()=>{ console.log('a user disconnected'); }); socket.on('sendMessage',function(data){ const message = data.te ...

javascriptnode.jssocket.io

A more efficient approach to creating a personalized design

After realizing the original question was unclear and wouldn't solve my problem, I have decided to edit it and create a new one. For my project, I require a customized layout where users can move, resize, add, or remove each box according to their pr ...

javascriptjquerycsslayoutmargin

Struggling to display filtered content in React using State

As a newcomer to React, I am working on a todo list that shows both current and completed tasks using LocalStorage. Each task has a boolean property called "active" which is toggled when a user clicks on the task checkbox. I have a filter in place to separ ...

javascriptreactjsreact-hookslocal-storage

Leveraging Next.js 'useClient' in conjunction with server component (global)

Hello there! I'm trying to achieve a 50% opacity effect on my Gallery when the search bar is in use. However, I'm facing challenges using 'use client' with the glob library. Here's the code snippet: app/page.tsx "use client&qu ...

javascriptreactjsnext.jsglob

NextJS getStaticProps failing to pass fetched data to the page component

Struggling with passing props from getStaticProps function into template pages in NextJS. Below is the code for the dynamic page template that I am using. // src/pages/blog/[slug].js import React from 'react'; import matter from 'gray-matte ...

javascriptreactjsnext.jsreact-propsgetstaticprops

When delving into an object to filter it in Angular 11, results may vary as sometimes it functions correctly while other times

Currently, I am working on implementing a friend logic within my codebase. For instance, two users should be able to become friends with each other. User 1 sends a friend request to User 2 and once accepted, User 2 is notified that someone has added them a ...

javascriptangulartypescriptrxjs

Using ASHX to Return JSON in ASP.NET

I have implemented autocomplete functionality on my website. The JavaScript part is complete and I am able to retrieve the MembershipUser object of the matching user. Now, I need to format the JSON response as follows: { query:'Li', suggestio ...

c#jqueryasp.netajaxjson

Switch the 360-degree images by clicking a button using Panolen.js

As a beginner in the world of html, css, and javascript, I am trying to create a webpage that displays 360 panorama images. My goal is to have the image change when a button is clicked - for example, clicking on button 1 will display image1, while clicking ...

javascripthtmlbutton

Relocating to the middle of the webpage (Automatically resize for mobile compatibility if feasible)

Apologies for my poor English. Are there any suggestions on how to center this without using margins or other methods? Perhaps there are alternative solutions. https://i.sstatic.net/dXfwL.png Also, is it feasible for the image and video to automatically a ...

javascripthtmlcssvue.js

Guide to dividing nested JSON data using Jolt transformation code

Could someone please assist me with this Jolt specification? Your help is greatly appreciated. Important Notes: Resourcename will be the last element of ResourceId and needs to be added as a new attribute in the expected output. The Tags field must ...

jsonapache-nifijolt

What is the best way to set a checkbox to null instead of false using Angular?

I am currently developing a filtering system that allows users to select different parameters to filter through a list of items. For instance, the item list could be a collection of dishes with filters represented as checkboxes labeled as vegan, vegetaria ...

javascripthtmlangulartypescriptcheckbox

Is it necessary to perform a specific action if the text within a div matches pre

I've been struggling to make this work properly. Even after removing the AJAX POST function, the issue persists. No alerts or any indication of what's going wrong. Check out the code on JSFiddle: HTML <div class="notification"> ...

javascriptjqueryhtmlajax