PDA

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



numberone1
یک شنبه 09 مهر 1391, 08:40 صبح
سلام یه درخواست ساده بوسیله 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>




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

</textarea>


<div id="ajaxResponse" height="42" width="42">
</div>
توی این div آخر چطور میتونم عکس همون متن و نشون بدم ؟

numberone1
یک شنبه 09 مهر 1391, 22:41 عصر
این کد و دارم ولی درخواست با جی کوئری ارسال نمیشه به صفحه 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>

id1385
دوشنبه 10 مهر 1391, 22:12 عصر
از جی کوئری استفاده کن و خروجی رو بگیر و نمایش بده، سادست کافیه یه فانکشن php تعریف کنی و درخواستهاتو به اون بفرستی و خروجی که میگیری رو براحتی نمایش بده.
یه نمونه ساده قبلاٌ توی سایت گذاشتم ببینید ایده ی خوبی براتون میتونه باشه.

http://barnamenevis.org/showthread.php?362762-%D9%86%D9%85%D9%88%D9%86%D9%87-%DA%A9%D8%A7%D9%85%D9%84-%D8%AB%D8%A8%D8%AA-%D8%A7%D8%B7%D9%84%D8%A7%D8%B9%D8%A7%D8%AA%D8%8C-%D8%AF%D8%B1%DB%8C%D8%A7%D9%81%D8%AA-%D9%88-%DA%A9%D8%A7%D8%B1-%D8%A8%D8%A7-jquery-%D9%88-php