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

  • ارسال پاسخ   امتیاز موضوع:
    • 1 رأی - میانگین امیتازات: 5
    • 1
    • 2
    • 3
    • 4
    • 5

    حالت موضوعی | حالت خطی ارسال درخواست ajax نمایش خروجی با عکس
    نویسنده پیام
    numberone1 آفلاین
    عضو جدید
    **

    ارسال‌ها: 3
    تاریخ عضویت: ۱۳۹۱ مهر ۹
    اعتبار: 0
    تشکرها : 0
    ( 0 تشکر در 0 ارسال )
    ارسال: #1
    ارسال درخواست ajax نمایش خروجی با عکس
    سلام یه درخواست ساده بوسیله ajax به یک صفحه دیگه ارسال میشه که مقدار ارسالی چیزی هست که کاربر وارد میکنه حالا میخوام این کلمه بجای متن بصورت عکس نمایش داده بشه
    کد PHP:
    <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 آخر چطور میتونم عکس همون متن و نشون بدم ؟
    ۱۳۹۱ مهر ۹ ۰۱:۳۵ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    numberone1 آفلاین
    عضو جدید
    **

    ارسال‌ها: 3
    تاریخ عضویت: ۱۳۹۱ مهر ۹
    اعتبار: 0
    تشکرها : 0
    ( 0 تشکر در 0 ارسال )
    ارسال: #2
    RE: ارسال درخواست ajax نمایش خروجی با عکس
    این کد و دارم ولی درخواست با جی کوئری ارسال نمیشه به صفحه php
    کسی میتونه اینو میرایش کنه درست شه؟

    کد 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
    ۱۳۹۱ مهر ۱۰ ۱۲:۱۳ صبح
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    qaflanti آفلاین
    حسین پوربهرامی
    **

    ارسال‌ها: 43
    تاریخ عضویت: ۱۳۹۱ مرداد ۱۱
    اعتبار: 0
    تشکرها : 27
    ( 9 تشکر در 6 ارسال )
    ارسال: #3
    RE: ارسال درخواست ajax نمایش خروجی با عکس
    اولا تا اونجا که بنده اطلاع دارم تو شرط های جاوااسکریپت حتما باید کد ها تو آکولاد قرار بگیرن. یعنی:
    کد PHP:
    if (xmlHttp.readyState == && xmlHttp.status == 200) {
               
    response.innerHTML xmlHttp.responseText;

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

    ۱۳۹۱ مهر ۱۱ ۰۷:۴۹ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    hamid_80386 آفلاین
    حمید عباسی
    ***

    ارسال‌ها: 1,479
    تاریخ عضویت: ۱۳۹۰ بهمن ۱۶
    اعتبار: 62
    تشکرها : 1216
    ( 1253 تشکر در 748 ارسال )
    ارسال: #4
    RE: ارسال درخواست ajax نمایش خروجی با عکس
    نقل قول: اولا تا اونجا که بنده اطلاع دارم تو شرط های جاوااسکریپت حتما باید کد ها تو آکولاد قرار بگیرن
    شرطهایی که یک خط جواب دارن توی اکثر زبان ها نیاز به آکولاد ندارن، جاوا اسکریپت هم به همین صورت هست دوست عزیز

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

    شما باید در صفحه ای که درخواست ajax رو رندر میکنید، آدرس تصویر رو اکو کنید و در صفحه درخواست اینطوری نمایش بدید:
    کد:
    document.getElementById('ajaxResponse ').src = xmlHttp.responseText;
    __________________________________________________________________________
    هر که با مرغ هوا دوست شود - خوابش آرامترین خواب جهان خواهد بود.
    (آخرین ویرایش در این ارسال: ۱۳۹۱ مهر ۱۱ ۰۹:۳۵ عصر، توسط hamid_80386.)
    ۱۳۹۱ مهر ۱۱ ۰۹:۳۱ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    « قدیمی تر | تازه‌ تر »

    ارسال پاسخ
    پرش به انجمن:


    کاربرانِ درحال بازدید از این موضوع: 1 مهمان
    IranPHP.org | تماس با ما | بازگشت به بالا | بازگشت به محتوا | بایگانی | پیوند سایتی RSS