• 1 رای - 5 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
ارسال درخواست ajax نمایش خروجی با عکس
#1
سلام یه درخواست ساده بوسیله 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 == && 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 آخر چطور میتونم عکس همون متن و نشون بدم ؟
  پاسخ
تشکر شده توسط :
#2
این کد و دارم ولی درخواست با جی کوئری ارسال نمیشه به صفحه 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
  پاسخ
تشکر شده توسط :
#3
اولا تا اونجا که بنده اطلاع دارم تو شرط های جاوااسکریپت حتما باید کد ها تو آکولاد قرار بگیرن. یعنی:
کد پی‌اچ‌پی:
if (xmlHttp.readyState == && xmlHttp.status == 200) {
           
response.innerHTML xmlHttp.responseText;

و اگه می خواهید نتیجه توی div با آی دی ajaxResponse قرار بگیره باید کد بالا رو به این شکل بنویسید:
کد پی‌اچ‌پی:
if (xmlHttp.readyState == && xmlHttp.status == 200) {
           
document.getElementById('ajaxResponse ').innerHTML xmlHttp.responseText;

  پاسخ
تشکر شده توسط :
#4
نقل قول:اولا تا اونجا که بنده اطلاع دارم تو شرط های جاوااسکریپت حتما باید کد ها تو آکولاد قرار بگیرن
شرطهایی که یک خط جواب دارن توی اکثر زبان ها نیاز به آکولاد ندارن، جاوا اسکریپت هم به همین صورت هست دوست عزیز

نقل قول:حالا میخوام این کلمه بجای متن بصورت عکس نمایش داده بشه

شما باید در صفحه ای که درخواست ajax رو رندر میکنید، آدرس تصویر رو اکو کنید و در صفحه درخواست اینطوری نمایش بدید:
کد:
document.getElementById('ajaxResponse ').src = xmlHttp.responseText;
هر که با مرغ هوا دوست شود - خوابش آرامترین خواب جهان خواهد بود.
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان