2014-09-28 3 views
0

Я получаю очень странную проблему, когда хочу использовать jQuery ajaxForm.ajaxForm не работает и не возвращает ошибку

Я хочу установить форму и загрузить файл с прогрессом в процентах.

моя функция ajaxForm не является огнем вообще.

вот мой код, но я не могу узнать, где проблема, потому что я не получаю ошибки.

function recieve(res,obj) 
 
{ 
 
\t var frm = res.substr(1,res.length-8); 
 
\t $('#'+frm).find('.error').each(function(){ $(this).remove(); }); 
 
\t if(obj['alert']!=undefined) $(res).html(obj['alert']); 
 
\t if(obj['field']!=undefined) { 
 
\t \t for(var i in obj['field']) 
 
\t \t { 
 
\t \t \t /*$("#"+i).next('.error').remove();*/ 
 
\t \t \t if(obj['field'][i]!='') $("#"+i).after('<div class="error avesome OC OBC">'+obj['field'][i]+'</div>'); 
 
\t \t } 
 
\t } 
 
\t 
 
\t 
 
\t if(obj['msgbox']!=undefined) alert(obj['msgbox']); 
 
\t if(obj['location']!=undefined) document.location = obj['location']; 
 
} 
 

 
function sendAjax(form,response,loader,progress) 
 
{ 
 
\t var frm = $(form); 
 
\t frm.ajaxForm({ 
 
\t \t dataType: 'json', 
 
\t \t data: frm.serialize()+'&_ajax=1', 
 
\t \t 
 
\t \t beforeSend: function(){ 
 
\t \t \t $("input[type='submit']").attr('disabled','disabled'); 
 
\t \t \t $(progress).width('0%').parent('.progress').removeClass('hidd'); 
 
\t \t }, 
 
\t \t 
 
\t \t uploadProgress: function(event, position, total, percentComplete){ 
 
\t \t \t var pVel = percentComplete + '%'; 
 
\t \t \t $(progress).width(pVel); 
 
\t \t }, 
 
\t \t 
 
\t \t complete: function(data){ 
 
\t \t \t recieve(response,unserialize(data)); 
 
\t \t \t $(progress).parent('.progress').addClass('hidd'); 
 
\t \t \t $("input[type='submit']").attr('disabled',null); 
 
\t \t } 
 
\t }); 
 
\t return false; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form id="setting_form" action="http://127.0.0.1/marketing/users/setting/" method="post" onsubmit="return sendAjax('#setting_form','#setting_form_result','#setting_form_loader','#setting_form_progress');"> 
 
    <input type="hidden" name="_submit" value="1" /> 
 
    <input type="hidden" name="data[setting][id]" id="setting_id" value="11" /> 
 
    <input type="hidden" name="data[setting][data-token]" id="setting_data-token" value="8022735" /> 
 
    <input type="hidden" name="data[setting][token]" id="setting_token" value="90e18fe55fbc38708456606f4b2b3f96" /> 
 
    <input type="submit" name="data[setting][submit]" id="setting_submit" value="send" /> 
 
    
 
    <div id="setting_form_progress" class="bar fade"></div> 
 
    <div id="setting_form_result"></div> 
 
</form>

+0

вы можете попытаться поместить предупреждение в вашей 'функции sendAjax', чтобы увидеть, если он работает? – Hitesh

+0

Да, ajaxform не работает? – Pooya

+0

сделал ли вы оповещение в функции 'sendAjax'? и когда вы бежите без предупреждения? ?? ryt? – Hitesh

ответ

0

я думаю, вы пропуская эту библиотеку http://malsup.com/jquery/form/ вставить код после JQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="http://malsup.github.com/jquery.form.js"></script> 
+0

У меня их тоже ... – Pooya

+0

Я думаю, что есть проблема в json неверный код ответа это случается со мной один раз, и это не показывает никакой ошибки только js stop – medhamza7

Смежные вопросы