jQuery send string as POST parameters

Question

I want to send a string as an ajax Post parameter.

The following code:

$.ajax({
   type: "POST",
   url: "http://nakolesah.ru/",
   data: 'foo=bar&ca$libri=no$libri',
   success: function(msg){
     alert('wow'+msg);
   }
});

Is not working. Why?

I see that you are a PHP developer and I also see that you did this: ca$libri=no$libri. Just checking to be sure here...are you sure you're not accidentally trying to use PHP constructions where JS ones should be? If you want to include the value of the $libri variable into this string, try this: 'foo=bar&ca' + $libri + '=no' + $libri. — treeface
– treeface, Commented Feb 18, 2011 at 22:03
nono :) i understand all moments of generating js by php :) it's the names of ajax variables in APS. I create parser that parse some site with ajax. And now i got why error. It's coz crossdomain query. I must to create query first to my server :) — Mirgorod
– Mirgorod, Commented Feb 18, 2011 at 22:10

Darin Dimitrov · Accepted Answer · 2011-02-18 22:09:50Z

194

Try like this:

$.ajax({
    type: 'POST',
    // make sure you respect the same origin policy with this url:
    // http://en.wikipedia.org/wiki/Same_origin_policy
    url: 'http://nakolesah.ru/',
    data: { 
        'foo': 'bar', 
        'ca$libri': 'no$libri' // <-- the $ sign in the parameter name seems unusual, I would avoid it
    },
    success: function(msg){
        alert('wow' + msg);
    }
});

edited Feb 18, 2011 at 22:09

answered Feb 18, 2011 at 21:46

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Marius Stănescu Over a year ago

shouldn't it be data: { foo: 'bar' }, without the apostrophe ' ?

Darin Dimitrov Over a year ago

@MariusStanescu, both are equivalent equivalent javascript syntax.

Michael Crook Over a year ago

also pretty sure the $ in the ca$libri is perfectly fine

Andrew Over a year ago

Doesn't answer the question regarding posting as string :(, see below answer.

EugenSunic Over a year ago

This works but this doesn't: foo: 'bar' . I have spent 2 days causeless I didn't add the strings signs to both sides!!!

Georg Plaz · Accepted Answer · 2019-01-20 12:58:52Z

43

$.ajax({
    type: 'POST',    
    url:'http://nakolesah.ru/',
    data:'foo='+ bar+'&calibri='+ nolibri,
    success: function(msg){
        alert('wow' + msg);
    }
});

edited Jan 20, 2019 at 12:58

Georg Plaz

6,0085 gold badges43 silver badges66 bronze badges

answered Dec 15, 2012 at 10:53

Chakavak Behzad

8071 gold badge9 silver badges13 bronze badges

2 Comments

chiliNUT Over a year ago

this is why I came here, to find out how to send $.post data as a string. the accepted answer does not at all help me with that. thank you.

Joseph Astrahan Over a year ago

Agreed, I had a situation as well where a string was required for a framework I was developing, good answer. In my situation I was able to make this work by putting the string in a variable next to data:, the format of my string was '?var=value&var2=value2'

en0ndev · Accepted Answer · 2021-01-06 21:08:03Z

15

I see that they did not understand your question.

Answer is: add "traditional" parameter to your ajax call like this:

$.ajax({
  traditional: true,
  type: "POST",
  url: url,
  data: custom,
  success: ok,
  dataType: "json"
});

And it will work with parameters PASSED AS A STRING.

edited Jan 6, 2021 at 21:08

en0ndev

6921 gold badge7 silver badges19 bronze badges

answered Nov 18, 2014 at 17:04

vitaly goji

2564 silver badges13 bronze badges

Comments

Dylan Valade · Accepted Answer · 2014-10-20 15:36:29Z

12

For a similar application I had to wrap my data object with JSON.stringify() like this:

data: JSON.stringify({ 
  'foo': 'bar', 
  'ca$libri': 'no$libri'
}),

The API was working with a REST client but couldn't get it to function with jquery ajax in the browser. stringify was the solution.

answered Oct 20, 2014 at 15:36

Dylan Valade

5,6056 gold badges44 silver badges57 bronze badges

2 Comments

Renoir Reis Over a year ago

Why we had to do this?

Dylan Valade Over a year ago

Not sure but some characters in the response must not be considered strings unless forced.

egnarts-ms · Accepted Answer · 2013-02-18 12:56:05Z

4

Not sure whether this is still actual.. just for future readers. If what you really want is to pass your parameters as part of the URL, you should probably use jQuery.param().

answered Feb 18, 2013 at 12:56

egnarts-ms

1461 silver badge6 bronze badges

Comments

LCJ · Accepted Answer · 2014-06-24 20:06:08Z

1

Not a direct answer to your question.. But following is the only syntax that used to work for me -

data: '{"winNumber": "' + win + '"}',

And the parameter-name match with the argument of the server method

answered Jun 24, 2014 at 20:06

LCJ

22.8k69 gold badges269 silver badges438 bronze badges

Comments

Sohel Pathan · Accepted Answer · 2015-09-23 06:54:44Z

I was facing the problem in passing string value to string parameters in Ajax. After so much googling, i have come up with a custom solution as below.

var bar = 'xyz';
var calibri = 'no$libri';

$.ajax({
   type: "POST",
   dataType: "json",
   contentType: "application/json; charset=utf-8",
   url: "http://nakolesah.ru/",
   data: '{ foo: \'' + bar + '\', zoo: \'' + calibri + '\'}',
   success: function(msg){
       alert('wow'+msg);
   },
});

Here, bar and calibri are two string variables and you can pass whatever string value to respective string parameters in web method.

Meh. I don't recommend manually crafting a json string via string concatenation -- you become vulnerable to a variable breaking your string (creating an invalid json string).

CodeLover · Accepted Answer · 2019-08-22 01:14:56Z

I have also faced this exact problem. But I have got a solution and it worked perfectly. I have needed to pass the parameters which are already produced by javascript function. So below code is working for me. I used ColdFusion for the backend. I just directly used the parameters as a variable.

                    $.ajax({
                    url: "https://myexampleurl.com/myactionfile.cfm",
                    type: "POST",
                    data : {paramert1: variable1,parameter2: variable2},
                    success: function(data){
                        console.log(data);                              
                    } )};

Ashwin Balani · Accepted Answer · 2021-07-23 12:10:17Z

Instead of this, encode the POST request as a string and pass to the data parameter,

var requestData = "Param1=" + encodeURIComponent(jsParam1) + "&Param2="+ encodeURIComponent(jsParam2);

var request = $.ajax({
                            url: page + "?" + getVars,
                            method: "POST",
                            data: requestData,
                            dataType: "html",
                            contentType: 'application/x-www-form-urlencoded; charset=UTF-8'
                    });

Collectives™ on Stack Overflow

jQuery send string as POST parameters

9 Answers 9

5 Comments

2 Comments

Comments

2 Comments

Comments

Comments

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

9 Answers 9

5 Comments

2 Comments

Comments

2 Comments

Comments

Comments

1 Comment

Comments

Comments

Linked

Related