ارسال درخواست ajax نمایش خروجی با عکس

سلام یه درخواست ساده بوسیله ajax به یک صفحه دیگه ارسال میشه که مقدار ارسالی چیزی هست که کاربر وارد میکنه حالا میخوام این کلمه بجای متن بصورت عکس نمایش داده بشه

<script>

function AjaxRequest() {

    var xmlhttp = null;

    if (window.XMLHttpRequest) {

        // code for IE7+, Firefox, Chrome, Opera, Safari

          xmlhttp = new XMLHttpRequest();

    } // else // code for IE6, IE5

    return xmlhttp;

}

 

function ajaxAction() {

    var font_category = document.getElementById("ajaxField").value;

var xmlHttp = AjaxRequest();

    xmlHttp.open("POST" , "ajax.php?message=" + message , true);

    xmlHttp.onreadystatechange = function() {

        if(xmlHttp.readyState == 1)

            response.innerHTML = "Loading...";

        if (xmlHttp.readyState == 4 && xmlHttp.status == 200)

            response.innerHTML = xmlHttp.responseText;

    }

    xmlHttp.send(null);

}

</script>

کد HTML:

---

<textarea id="ajaxField" name="message" rows="2" cols="20" value="Send" onchange="javascript:ajaxAction();">

</textarea>


<div id="ajaxResponse" height="42" width="42">
</div>

---

توی این div آخر چطور میتونم عکس همون متن و نشون بدم ؟

این کد و دارم ولی درخواست با جی کوئری ارسال نمیشه به صفحه php
کسی میتونه اینو میرایش کنه درست شه؟

 $("document").ready(function(){

$("textarea").on("keyup",function(){ 

      $values=$(this).val();

      $.get("ajax.php?message="+values,function(data){

     $("#ajaxResponse").html("<img src="+data+" height='10' width='10'>");

})

})

})

<textarea id="textarea" name="textarea" rows="2" cols="20" value="Send">



</textarea>

<div id="ajaxResponse" height="42" width="42"> 

</div>

از جی کوئری استفاده کن و خروجی رو بگیر و نمایش بده، سادست کافیه یه فانکشن php تعریف کنی و درخواستهاتو به اون بفرستی و خروجی که میگیری رو براحتی نمایش بده.
یه نمونه ساده قبلاٌ توی سایت گذاشتم ببینید ایده ی خوبی براتون میتونه باشه.

https://barnamenevis.org/showthread.p...ery-%D9%88-php