Кросдоменный ajax с помощью тега IMG

С помощью тега img можно отправить данные на сервер. Таким же образом действует и счетчик Яндекс Метрики, когда отправляет данные о кликах посетителей на страницах сайтов.
Создавать фейковую картинку 1px x 1px необязательно, картинка может быть обычной и может служить элементом декора на странице.
И при этом, главное, что, может передавать данные на сервер.
html код:

Copy Source | Copy HTML

1. <input type="text" id="textField"/>
2. <input type="button" id="sendMessage" value="Отправить IMG"/>
3. <img id="imaGet" src="picture.php?add=hello" style="width:30px;height:30px;"/>

javascript код:

Copy Source | Copy HTML

1. var messageField=document.getElementById("textField");
2. var sendButton=document.getElementById("sendMessage");
3. var imageElement=document.getElementById("imaGet");
4. //Отправка данных на сервер методом get:
5. sendButton.addEventListener("click",function(){
6.     //определяем куда в аддресс вставлять сообщение по позиции фрагмента:
7.     var pos= imageElement.src.indexOf("add=");
8.     var newLink= imageElement.src.substring( 0,pos)+"add="+encodeURIComponent(messageField.value);
9.     imageElement.src=newLink;//Присваиваем новый адресс - пофакту отправляем сообщение на сервер
10. },false);

код файла picture.php:

Copy Source | Copy HTML

1. <?php
2. header('Content-type: image/jpeg');
3. // Можно вывести картинку
4. $content = implode ( "", file ( 'image.jpg' ) );
5. echo $content;
6. // Полученные данные можно отлажить куда-нибудь
7. $fileName="data.txt";
8. if (strlen($_GET["add"])> 0){
9.     $fh = fopen($fileName, "a+");
10.     fwrite($fh, urldecode($_GET["add"])." ".date("H:i:s")."\n");
11.     fclose($fh);
12. }
13. ?>

Недостатки метода отправки данных сервер с помощью тега img:

1. только запросы get;
2. вся отладка на плечи кодера.