CODEWITHSUNDEEP
javascriptajaxxmlhttprequest
user2202413
user2202413

Reputation:

How to send raw text with xmlhttp request?

I'm trying to send a textarea field's text to a PHP file using ajax, the text contains HTML characters and should not be encoded.
Using FormData it works perfectly however it's not supported in ie 9 and older versions! I tried to send the data as string by setting the requestHeader to text/plain;charset=UTF-8; or multipart/form-data but it didn't work! the code i'm using is:

var string = '<td clas="tdClass">some text<?php echo $contents; ?></td>';

var data = new FormData();
data.append("data" , string);
var xhr = (window.XMLHttpRequest) ? new XMLHttpRequest() : new activeXObject("Microsoft.XMLHTTP");
xhr.open( 'post', '/path/to/php', true );
xhr.send(data);

what's an alternative way to do this in IE 9?

Upvotes: 3

Views: 16111

Answers (3)

Doin
Doin

Reputation: 8174

If using FormData works correctly for you, then in situations where you can't use it, actually all you need to do is to replace your last line with: 

xhr.send("data="+encodeURIComponent(string));

I think the other answerers were confused by your asking that the text "not be encoded". Form data is generally encoded for sending over HTTP, but then decoded by PHP when it arrives at the server, entirely transparently: you get exactly the original text back, no matter what special characters it might contain. (Assuming you interpret the PHP string as UTF-8).

So, following your example, if your PHP file contained:

$data = $_POST['data'];

Then the contents of the PHP $data variable would be the string '<td clas="tdClass">some text<?php echo $contents; ?></td>'. This is the same as if you'd used the FormData method.

Upvotes: 3

Victor H&#228;ggqvist
Victor H&#228;ggqvist

Reputation: 4486

Since, well, it appears to be pretty simple after all. Here is some more samples.

Just post random text 

// just text
var dest = "http://requestb.in/qwb9y3qw";

var xhr = new XMLHttpRequest();
xhr.open("POST", dest, true);

var myText = "foobar";
xhr.send(myText);

Post a JSON object

// post json
var dest = "http://requestb.in/1908jrv1";

var xhr = new XMLHttpRequest();
xhr.open("POST", dest, true);

var myObject = {};
myObject.prop1 = "foo";
myObject.prop2 = "bar";
xhr.send(JSON.stringify(myObject));

Upvotes: 0

razz
razz

Reputation: 10110

Yes it can be done by modifying headerRequest and data like this:

var xhr = (window.XMLHttpRequest) ? new XMLHttpRequest() : new activeXObject("Microsoft.XMLHTTP");

if(typeof(FormData) == 'undefined'){
    var boundary = '---------------------------' + (new Date).getTime(),//boundary is used to specify the encapsulation boundary of a parameter
        data = "--" + boundary + "\r\n";
        data += 'Content-Disposition: form-data; name="data"\r\n\r\n';//here we specify the name of the parameter name (data) sent to the server which can be retrieved by $_POST['data']
        data += string + "\r\n";
        data += "--" + boundary + "--\r\n";
    xhr.open( 'post', 'writeCode.php', true );
    xhr.setRequestHeader('Content-Type', 'multipart/form-data; boundary=' + boundary);
}else{
    var data = new FormData();
    data.append("data", string);
    xhr.open( 'post', 'writeCode.php', true );
}
xhr.send(data);

Upvotes: 3

Related Questions