2014-10-10 3 views
0

Я пытаюсь сделать эту форму «POST» в AJAX, но я не загружаю пользователя, когда я получаю на сервере ничего не получаю, никаких предложений?FormData не работает с AJAX

Это форма

<form method="POST" action="/ajaxpost"> 
    <input type="text" name="user"/> 
    <input type="submit" value="SEND"/> 
</form> 



//here trying to do the same form but ajax, I have this button that calls the function "sendAjax()" 

<input type="submit" value="SEND"/> 


//The function this does not work. fail data to the server 

function sendAjax(){ 
     // HTML5 form data object. 
     var fd = new FormData(); 

     fd.append("user", 'JOAN FREDO USERNAME'); 

     $.ajax({ 
      url: '/ajaxpost', 
      data: fd, 
      contentType: 'application/x-www-form-urlencoded', 
      processData: false, 
      type: 'POST', 
      success: function(data){ 
       alert(data); 
      } 
     }); 
    } 

ответ

0

Я думаю, что проблема типа контента, попытайтесь установить CONTENTTYPE к ложным, так что JQuery настрою

function sendAjax() { 
    // HTML5 form data object. 
    var fd = new FormData(); 

    fd.append("user", 'JOAN FREDO USERNAME'); 
    fd.append("user2", 'asd'); 

    $.ajax({ 
     url: '/ajaxpost', 
     data: fd, 
     processData: false, 
     contentType: false, 
     type: 'POST', 
     success: function (data) { 
      alert(data); 
     } 
    }); 
} 

Demo: Fiddle - вам могут видеть данные, отправленные с использованием вкладки сети инструментов разработчика браузера

0

сначала добавить Идентификатор и имя на кнопку отправки

затем,

$('body').on('click','#submit',function(){ 

     // var user  = 'JOAN FREDO USERNAME'; 

     var form_data = new FormData(); 

     form_data.append("user", 'JOAN FREDO USERNAME'); 
     //form_data.append('user',user); 



     $.ajax({ 
       url   : 'someURL.php', //mention valid url 
       dataType : 'text', 
       cache  : false, 
       contentType : false, 
       processData : false, 
       data  : form_data,     
       type  : 'post', 
       success  : function(data){ 
          alert(data);     

      } 
     }); 
}); 

отлично работает для меня ... комментарий на любые вопросы ...

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