CODEWITHSUNDEEP
javascriptjqueryrestpost
speg
speg

Reputation: 2019

How do you send a raw strings through a jQuery POST request?

I am trying to POST a raw string via jQuery.ajax()

e.g.,

contact_list=352345

I have

$.ajax({
        beforeSend: function(xhr){
            xhr.setRequestHeader('Content-Type', header);
        }
        },
        url: link,
        type: type,
        processData:false,
        data: data,
        success: function(data){
            console.log(data);
        }
     });

Most of the time I am sending JSON data, so header='application/json'

On the server side, I echo $HTTP_RAW_POST_DATA and see my JSON string just fine.

However, I sometimes want to send normal form data too. But when I set header='application/x-www-form-urlencoded' $HTTP_RAW_POST_DATA is empty.

ProcessData is false, so shouldn't it just pass my string on through?

As a temporary workaround I'm just leaving the header as application/json and ignoring the Content-Type on the server for this particular endpoint.

Upvotes: 3

Views: 9415

Answers (3)

speg
speg

Reputation: 2019

PHP $HTTP_RAW_POST_DATA is not available with enctype="multipart/form-data". http://www.php.net/manual/en/ini.core.php#ini.always-populate-raw-post-data

So, now on the server I do the following:

if (count($_POST == 0){
    $raw = file_get_contents('php://input');    
}else{
    $raw = '';
    foreach($_POST as $key => $value) {
        $raw = $raw.$key.'='.$value.'&';
    }
}

Seems to be working.

Upvotes: 0

gdoron
gdoron

Reputation: 150313

No extra work needed. Try this:

$.ajax({
    url: link,
    data: data,
    success: function(data){
        console.log(data);
    }
 });

docs:

processDataBoolean:

Default: true By default, data passed in to the data option as an object (technically, anything other than a string) will be processed and transformed into a query string, fitting to the default content-type "application/x-www-form-urlencoded". If you want to send a DOMDocument, or other non-processed data, set this option to false.

Upvotes: 1

Jaspreet Chahal
Jaspreet Chahal

Reputation: 2750

I would rather send a flag to my javascript function to see what sort of input

so your function will look like this

function processIt(request_type,link,type,data) {
if(request_type == 'json')
$.ajax({
    beforeSend: function(xhr){
        xhr.setRequestHeader('Content-Type', header);
    }
    },
    url: link,
    type: type,
    processData:false,
    data: data,
    success: function(data){
        console.log(data);
    }
 });
else 
 $.ajax({
url: link,
data: data,
success: function(data){
    //do something
}
 });
}

But that's if you want to use your function as it is.

Upvotes: 1

Related Questions