javascript - Unable to submit form data using ajax() post -


i submit form data using $.ajax() method, data contains image files. while submitting encountered below issues:

  1. form not getting submitted in ie10,11
  2. though submitting in chrome , ff, ajax() executing both success , error methods
  3. i able submit data in chrome , ff displaying error message
  4. data submitted db chrome , ff

below code using submit data 

$.fn.serializeobject = function()     {         var o = {};         var = this.serializearray();         $.each(a, function() {             if (o[this.name] !== undefined) {                 if (!o[this.name].push) {                     o[this.name] = [o[this.name]];                 }                 o[this.name].push(this.value || '');             } else {                 o[this.name] = this.value || '';             }         });         return o;     };  $(function() {     $('form').submit(function() {         var senddata = json.stringify($('form').serializeobject());         $('#result').text(senddata);         var form_data = new formdata($(this)[0]);         form_data.append('jsonstring', senddata);          var settings = {           "async": true,           "crossdomain": true,           "url": "google.com",//sample url           "method": "post",                  "processdata": false,           "contenttype": false,           "headers": {             "access-control-allow-origin": "*",             "cache-control": "no-cache"           },           "mimetype": "multipart/form-data",           "cache": false,           "data": form_data//,           //"datatype": "jsonp"          };         $.ajax(settings).done(function (data) {               console.log(data);             })             .success(function (data) {                  alert("submitted");             })             .error(function (data){                 alert("failed");                 console.log(data);             });          return false;     }); });      <!-- language: lang-html -->          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>         <form action="">             <input type="hidden" name="profiletypeid" value="112" maxlength="36" size="12"/>             first name:<input type="text" name="firstname" value="hydtest" maxlength="12" size="12"/> <br/>             last name:<input type="text" name="lastname" value="3sparrowtest" maxlength="36" size="12"/> <br/>             email:<input type="text" name="emailid" value="jacksparrow@testmail.com" maxlength="36" size="12"/> <br/>             address1:<input type="text" name="address1" value="piratestest" maxlength="36" size="12"/> <br/>             <input type="hidden" name="address2" value="piratestest" maxlength="36" size="12"/>              <input type="hidden" name="city" value="caribbean" maxlength="36" size="12"/>                     profile image: <input name="file" type="file" /><br />              <p><input type="submit" /></p>             </form>      <!-- end snippet -->

i think form not submitting because of images. try base64 encoding images before submitting them server.

here reference base64 encode images using javascript:

https://davidwalsh.name/convert-image-data-uri-javascript


-

Comments

Post a Comment

Popular posts from this blog

unity3d - Rotate an object to face an opposite direction -

i have object , b. when click on object b, rotates object b (a faces b). b doesn't face a. need following : when faces b, need face opposite direction. have code rotating @ b. how rotate face opposite direction after that? vector3 targetdirection = target - transform.position; float step = speed * time.deltatime; vector3 newdirection = vector3.rotatetowards (turretdome.transform.forward, targetdirection, step, 0.0f); turretdome.transform.rotation = quaternion.lookrotation (newdirection); you object facing object b, want inverse direction of object after that? objecta.transform.rotation = quaternion.inverse(objecta.transform.rotation) but lets assume example turretdome object a, (negate direction): turretdome.transform.rotation = quaternion.lookrotation (-newdirection); naturally, both of these snippets not show how smoothen rotation, seem know how use time.deltatime. just incase unsure, quaternion.lerp this
Read more

angular - Is it possible to get native element for formControl? -

i've got angular2 reactive form . created formcontrol s , assigned input fields by [formcontrol]=... . understand creates nativeelement <-> formcontrol link. my question: possible nativeelement formcontrol ? wanna myformcontrol.nativeelement.focus() i can share 1 terrible solution works me. in reactive forms can use either 1) formcontroldirective ts mycontrol = new formcontrol('') template <input type="text" [formcontrol]="mycontrol"> or 2) formcontrolname ts myform: formgroup; constructor(private fb: formbuilder) {} ngoninit() { this.myform = this.fb.group({ foo: '' }); } template <form [formgroup]="myform"> <input type="text" formcontrolname="foo"> </form> so these directives write patch like 1) formcontroldirective const originformcontrolngonchanges = formcontroldirective.prototype.ngonchanges; formcontroldirective.proto
Read more

javascript - Why jQuery Select box change event is now working? -

i working on product filters user select select box according his/her preference not getting selected value user in jquery. html code:- <select name="product_filter" id="product_filter"> <option value="price_low_first">price : low high</option> <option value="price_high_first">price : high low</option> <option value="latest">latest</option> <option value="popular">most popular</option> </select> jquery code: $(function () { $("#product_filter").change(function () { alert("hi") var selectedtext = $(this).find("option:selected").text(); var selectedvalue = $(this).val(); alert("selected text: " + selectedtext + " value: " + selectedvalue); }); }); hi believe code perfect. once please check jquery.min.js
Read more