Как отправить AJAX-ом innerHTML на сервер и там его получить?

Question

[тостер хабрович]

есть работающий пример для json-строки:

JS:
var строка = JSON.stringify(обьект);      //var строка = элемент.innerHTML
var запрос = new XMLHttpRequest();
запрос.open('POST', 'скрипт.php');   
запрос.setRequestHeader('Content-Type', 'application/json; charset=utf-8');   
запрос.send(строка);

PHP:
$json = file_get_contents('php://input');
file_put_contents('./файл.json', $json);

- как сделать то же самое для innerHTML?

Answer 1

[VZVZ]

Да точно то же самое, innerHTML тоже строка. Только Content-Type надо text/html, впрочем, в вашем примере это вообще неважно, хоть вовсе его убрать.

А зачем это нужно-то? Если вы хотите ее на серваке куда-то сохранять напрямую, то учтите, что какой-нибудь гаденыш может вам отправить <script>alert()</script> а если с расширением .php то полный ...

P.S. И да, jQuery надо юзать.

Comments

[Виталий Инчин ☢]

P.S. И да, jQuery надо юзать.
А не то, что?)

[VZVZ]

Виталий Инчин ☢: А не то код будет огромный, мерзкий, долгописуемый и.... Хуевый ваще, кароче.

[тостер хабрович]

VZVZ: правильно ли я понял что строку setRequestHeader('Content-Type', 'application/json; charset=utf-8') можно вовсе убрать? и почему так?

[VZVZ]

тостер хабрович:да, можно убрать, потому что в PHP вы в данном случае работаете с php://input, т.е. с "сырым" телом запроса (Raw).
Вот скажем, если бы вы имитировали отправку формы, а в PHP бы получали значения полей через $_POST, то понадобилось бы указать Content-Type urlencoded (не помню как его там точно - можно погуглить), иначе $_POST будут просто недоступны, ибо $_POST - это обертка над Raw Body.
А при отправке multipart'овых форм, в Content-Type еще и boundary указывается, иначе не катит.

[Виталий Инчин ☢]

тостер хабрович: правильно, правильно. Потому что передаете вы просто строку, а указываете, что передаете json. Зачем обманывать сервер...ну да ладно, если на сервере это не проверяется, то это и не имеет значения.

VZVZ, ну, конкретно в данной ситуации кода меньше бы не стало...

[VZVZ]

Виталий Инчин ☢:

в данной ситуации кода меньше бы не стало...

С фихов ли?

$.post('url', строка, 'json');

А в идеале, как вы понимаете, достаточно и:

$.post('url', строка);

[Виталий Инчин ☢]

VZVZ: ну так это без setRequestHeader, а с ним там примерно столько-же буковок :). Хотя, красивее оно и правда будет.

[VZVZ]

Виталий Инчин ☢: ну, если настолько извратиться, что с в jQuery использовать функцию setRequestHeader, когда там часто используемые заголовки HTTP-запроса гораздо легче задаются, то действительно буковок много будет :)

[Виталий Инчин ☢]

VZVZ: да я не про то .... не важно