Ajax POST form to PHP -

trying post form using ajax. using apache cordova can't seem send php form. ideas of how form work appreciated.

  <script type="text/javascript">     $('#userform').submit(function(){     var postdata = $(this).serialize();      $.ajax({         type: 'post',         data: postdata,         url: 'http://myurl/dbinsertuserslocal.php',         success: function(data){             console.log(data);             alert('user added');         },         error: function(){             console.log(data);             alert('there error adding new user');         }     });     return false; }); </script> 

and form looks like:

      <form id="userform" method="post">       <div class="row">     <div class="large-4 columns">       <label>first/last name         <input type="text" name="firstlast" />       </label>     </div>       </div>     <div class="row">     <div class="large-2 columns">       <label>title         <select name="title" >           <option value=""></option>           <option value="inspector">inspector</option>           <option value="tech">technician</option>           <option value="supervisor">supervisor</option>         </select>       </label>   </div>   </div>      <div class="row" >         <div class="large-12 columns">              <hr class="intro-divider">                 <input type="file" capture="camera" accept="image/*"                       id="snap" name="photo">                       </div>                            </div>                <hr class="intro-divider">               </div>          </div>        <div class="row">     <div class="large-2 columns">         <button class="tiny" type="submit" value="submit"               id="submit" data-role="button" data-ajax="false">add user</button>     </div>      </div>     </form>  

if include file in form, must use multipart/form-data.

<form id="userform" method="post" enctype="multipart/form-data"> 

serialize method can't see file data. using formdata object instead of serialize method, javascripts code becomes

$(function(){ $('#userform').submit(function(){     var fd = new formdata( $(this)[0] );     $.ajax({         type: 'post',         processdata: false,         contenttype: false,         data: fd,         datatype: "text",         url: 'http://myurl/dbinsertuserslocal.php',         success: function(data){             alert( data );             alert('user added');         },         error: function(){             alert('there error adding new user');         }     });     return false; }); }); 

however, devices not equip formdata object. check http://caniuse.com/#search=formdata