/
  • jquery و مشکل در ارسال فرم بدون رفرش

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

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

    ارسال‌ها: 1
    تاریخ عضویت: ۱۳۸۸ ارديبهشت ۲۷
    اعتبار: 0
    تشکرها : 0
    ( 0 تشکر در 0 ارسال )
    ارسال: #1
    jquery و مشکل در ارسال فرم بدون رفرش
    با سلام،

    من یک فرم دارم که حاوی چند checkbox است. و به صورت یک آرایه می باشد.
    می خواهم بدون refresh شدن فرم ارسال و مقادیر checkbox ها post شود.
    کد :html

    کد PHP:
    <form id="newsEditForm" action="" method="post">
    <
    fieldset>
    <
    legend>انتخاب موضوع اخبار</legend>
    <
    ul>

        <
    li><input id="newsSubject[]" name="newsSubject[]" type="checkbox"  value="ej" /> 
    <
    label for="newsSubject[]">اجتماعی</label></li>
        
        <
    li><input  id="newsSubject[]" name="newsSubject[]" type="checkbox" value="sia" />
     <
    label for="newsSubject[]">سیاسی</label></li>
        <
    li><input id="newsSubject[]"  name="newsSubject[]" type="checkbox" value="egh" /> 
    <
    label for="newsSubject[]">اقتصادی</label></li>
    </
    ul><p><input id="editSave" name="editSave" type="submit" onclick="postNewsSub()"  value="ذخیره" /></p>
    </
    fieldset>
    </
    form


    کد jquery:

    کد:
    function postNewsSub(){
        $("form#newsEditForm").submit(function() {

            var subject    = $('#newsSubject').val();
            
                $.ajax({
                    type: "POST",
                    url: "call.set.php",
                    data: "getAjaxSubject: subject",
                    success: function(){
                    $('.widget-editbox').slideUp("slow");
                    $('#allNews').load("call.set.php");
                    }
                });
                
            return false;    
            });

    }


    و در آخر کد php که همان صفحه call.set.php می باشد:

    کد PHP:
    if (isset ( $_POST ['getAjaxSubject'] )) {
                        echo (
    "post is complete");} 

    اما مشکل:
    هیچ چیزی post نشده است! و چیزی چاپ نمی شود.
    اگر لطف کنید مشکل کد را برایم بگویید بسیار ممنون خواهم شد.
    شاید هم برداشت من از $.ajax اشتباه است!
    راستی حالا فعلا آرایه اش مهم نیست . post بشه اول بعد آرایه رو یه کاریش می کنم
    ۱۳۸۸ ارديبهشت ۲۷ ۱۲:۵۳ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    zoghal آفلاین
    صالح سوزنچی
    *****

    ارسال‌ها: 1,766
    تاریخ عضویت: ۱۳۸۷ دي ۲۵
    اعتبار: 23
    تشکرها : 1500
    ( 1729 تشکر در 992 ارسال )
    ارسال: #2
    RE: jquery و مشکل در ارسال فرم بدون رفرش
    کد PHP:
    function postNewsSub(){
        $(
    "form#newsEditForm").submit(function() {

            var 
    subject    = $('#newsSubject').val();
            
                $.
    ajax({
                    
    type"POST",
                    
    url"call.set.php",
                    
    data: $('#newsEditForm').serialize( ),
                    
    success: function(){
                    $(
    '.widget-editbox').slideUp("slow");
                    $(
    '#allNews').load("call.set.php");
                    }
                });
                
            return 
    false;    
            });


    ۱۳۸۸ ارديبهشت ۲۸ ۰۱:۰۸ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط : admin oia molana
    P30TiP آفلاین
    عضو جدید
    **

    ارسال‌ها: 18
    تاریخ عضویت: ۱۳۸۸ خرداد ۲۰
    اعتبار: 0
    تشکرها : 2
    ( 5 تشکر در 4 ارسال )
    ارسال: #3
    RE: jquery و مشکل در ارسال فرم بدون رفرش
    این راه که شما رو دکمه ی Submit یه onClick گذاشتی درست نیست. باید در فرمت اینو بزاری :
    کد:
    <form action="javascript:postNewsSub();">
    و برای jQuery هم، اینطوری می شه:
    کد:
    function postNewsSub() {
                    $.ajax({
                    type: "POST",
                    url: "call.set.php",
                    data: $('#newsEditForm').serialize( ),
                    success: function(){
                    $('.widget-editbox').slideUp("slow");
                    $('#allNews').load("call.set.php");
                    }
                    });
    }}
    ۱۳۸۸ خرداد ۲۰ ۰۴:۳۴ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : oia
    zoghal آفلاین
    صالح سوزنچی
    *****

    ارسال‌ها: 1,766
    تاریخ عضویت: ۱۳۸۷ دي ۲۵
    اعتبار: 23
    تشکرها : 1500
    ( 1729 تشکر در 992 ارسال )
    ارسال: #4
    RE: jquery و مشکل در ارسال فرم بدون رفرش
    دوست عزیز اگر دقت کنید من با رخداد submit روی فرم مورد نظر قرار دادم پس نیازی به قرار دادن هیچ گونه کدی یا فراخوانی تابعی در اکشن فرم نیست.
    درضمن فکر نمی کنم در پارامتر اکشن فرم جاوا اسکریپت رو در تمامی مرورگر ها قبول کنه واسه این کار تگ فرم خودش پارامتر رخداد onsubmite داره
    ۱۳۸۸ خرداد ۲۰ ۰۸:۰۲ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط :
    oia آفلاین
    محمد ثانی
    *****

    ارسال‌ها: 2,014
    تاریخ عضویت: ۱۳۸۷ آذر ۲۶
    اعتبار: 66
    تشکرها : 2330
    ( 2091 تشکر در 1290 ارسال )
    ارسال: #5
    RE: jquery و مشکل در ارسال فرم بدون رفرش
    (۱۳۸۸ خرداد ۲۰ ۰۸:۰۲ عصر)zoghal نوشته شده توسط:  دوست عزیز اگر دقت کنید من با رخداد submit روی فرم مورد نظر قرار دادم پس نیازی به قرار دادن هیچ گونه کدی یا فراخوانی تابعی در اکشن فرم نیست.
    درضمن فکر نمی کنم در پارامتر اکشن فرم جاوا اسکریپت رو در تمامی مرورگر ها قبول کنه واسه این کار تگ فرم خودش پارامتر رخداد onsubmite داره

    صالح یه پای JqUERYه Wink
    ۱۳۸۸ خرداد ۲۰ ۰۸:۳۲ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    P30TiP آفلاین
    عضو جدید
    **

    ارسال‌ها: 18
    تاریخ عضویت: ۱۳۸۸ خرداد ۲۰
    اعتبار: 0
    تشکرها : 2
    ( 5 تشکر در 4 ارسال )
    ارسال: #6
    RE: jquery و مشکل در ارسال فرم بدون رفرش
    فعلاً که کار می کنه... خب شما onSubmit یا onClick بزارید حالا چه فرقی داره!
    ۱۳۸۸ خرداد ۲۱ ۰۷:۱۸ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    zoghal آفلاین
    صالح سوزنچی
    *****

    ارسال‌ها: 1,766
    تاریخ عضویت: ۱۳۸۷ دي ۲۵
    اعتبار: 23
    تشکرها : 1500
    ( 1729 تشکر در 992 ارسال )
    ارسال: #7
    RE: jquery و مشکل در ارسال فرم بدون رفرش
    onSubmit زمانی که فروم submit میشه، و این خاصیت رو فرم هست
    onClick زمانی هست که روی تگ کلیک میشه . و این خاصیت روی فروم نیست و باید روی سایر تک ها قرار بدید که این خاصیت رو دارند

    کلیت باهم فرق دارند، ممکنه در این مورد عمل یکی باشه
    ۱۳۸۸ خرداد ۲۱ ۰۸:۵۷ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط : oia
    P30TiP آفلاین
    عضو جدید
    **

    ارسال‌ها: 18
    تاریخ عضویت: ۱۳۸۸ خرداد ۲۰
    اعتبار: 0
    تشکرها : 2
    ( 5 تشکر در 4 ارسال )
    ارسال: #8
    RE: jquery و مشکل در ارسال فرم بدون رفرش
    خودم تعریف هاشو می دونم، فقط گفتم با هر کدوم از اینها می شه! حالا یکی با onClick درست می کنه یا یکی با onSubmit، ولی با همین action هم کار می کنه!
    ۱۳۸۸ خرداد ۲۲ ۰۳:۲۳ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    « قدیمی تر | تازه‌ تر »

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


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