Home / Questions / 336224
Accepted
Caldeiro
Asked: 2020-03-12 04:15:30 +0800 CST 2020-03-12 04:15:30 +0800 CST

Values ​​received by $_POST remove the + character from the sent text string

  • 772

It turns out that by jQuery.ajax()stepping through dataa value containing the character +multiple times. When receiving it with $_POSTin the PHP file these characters are no longer there.

JavaScript code:

  var ejemplo = "esto+ es un ejem+plo";
  var postData = 'ejemplo='+ejemplo;

  $.ajax({
       url: "ejemplo.php",
       type: "POST",
       data: postData,
       success: function(data, status, xhr){
         // Els inputs de tipus cam:contacte esborraran el seu value
         $('input[tipus=camp_contacte]').val('');
         $('#btn_close').click();

       },
       error: function(jqXhr, status, errorThrown){
         console.log("POST " + status + " -> " + errorThrown);
       }
     });

PHP code:

 $texto = $_POST['ejemplo'];

I save the variable $textoin a database and it is inserted without the +. I have checked by doing a INSERTdirectly and it does let me save +.

It is just in the POST that I receive them without the +. I have also verified that ajax() he sends it well with a console.log(postData)and they also appear there.

php

1 Answers

  1. Best Answer

    In the encoding of URLs/URIs (the one that is also used in the data sent in the forms) the symbol +represents a blank space. To send a +real, the percent encoding used in URLs/URIs must be used.

    If you want to send a plus symbol you must correctly encode the data in javascript by using, for example URLSearchParams:

    var ejemplo = "esto+ es un ejem+plo";
let postData = new URLSearchParams();
postData.append('ejemplo', ejemplo);
console.log(postData.toString());

    The result is ejemplo=esto%2B+es+un+ejem%2Bplo. As you may have seen, the symbols +are encoded into entities %2Bthat represent the ASCII code of the +.

    If you send that text from javascript to PHP you will see that now the information is received correctly.

    Below I show you several ways to send the content of the variable ejemplothrough jQuery.ajax().

    Sending a string withURLSearchParams

    Using the explanation above, your code would look like this:

    var ejemplo = "esto+ es un ejem+plo";
let postData = new URLSearchParams();
postData.append('ejemplo', ejemplo);
$.ajax({
   url: "ejemplo.php",
   type: "POST",
   data: postData.toString(),
   /*...*/
 });

    Directly submitting a formFormData

    We can also use FormDatainstead:

    var ejemplo = "esto+ es un ejem+plo";
let postData = new FormData();
postData.append('ejemplo', ejemplo);
$.ajax({
   url: "ejemplo.php",
   type: "POST",
   data: postData,
   processData: false,
   contentType: false,
   /*...*/
 });

    Direct delivery

    In the property datawe can pass as a parameter an object with index/value pairs that will arrive in fields $_POST['índice'] = valor:

    var ejemplo = "esto+ es un ejem+plo";
$.ajax({
   url: "ejemplo.php",
   type: "POST",
   data: {
     'ejemplo': ejemplo,
   },
   /*...*/
 });

    Since the property name and variable name are the same, we can omit the property name:

    var ejemplo = "esto+ es un ejem+plo";
$.ajax({
   url: "ejemplo.php",
   type: "POST",
   data: {
     ejemplo,
   },
   /*...*/
 });
    • 2