php - Submitting a form with jQuery/Ajax only works every other time -



php - Submitting a form with jQuery/Ajax only works every other time -

i'm trying submit form includes file upload via ajax/jquery, process form through php script, , homecoming result in div form resided in.

my current form code is:

<section id="content-right"> <form name="uploader" id="uploader" method="post" enctype="multipart/form-data"> <input type="hidden" id="max_file_size" name="max_file_size" value="10485760" /> <input type="file" name="fileselect" id="fileselect" /> <input type="submit" name="submit" id="submit" value="upload" /> </form> </section>

and current ajax/jquery script is:

<script> $(function() { $('#uploader').submit(function() { $(this).ajaxsubmit({ type: $(this).attr('method'), url: 'upload-song.php', success: function(response) { $('#content-right').html(response); } }); homecoming false; }); });

my php script "upload-song.php" (the details don't matter).

i have yui.pjax running handle normal navigation (a href) links , load in #content-right (if user clicks anything, want loading in #content-right).

with set up, navigating through normal links works perfectly, loads in #content-right, uploader works every other time.

for example, uploader load upload-song.php in #content-right , process perfectly, if navigate away page , seek upload item, won't work, it'll refresh page (if set action="upload-song.php" in form tag it'll load upload-song.php total page, not in #content-right). after refreshes page can upload item , work perfectly.

i think has how i'm attaching ajax script form submit (because if refresh page works perfectly), don't have lot of experience these languages i'm not sure how prepare it.

in addition, if disable yui.pjax fixes uploader breaks links, i'm looking work around.

any ideas?

try this:

$(document).on("submit", "#uploader", function() ...

this syntax allow submit event bubble document. way, when #content_right section reloads, document retains event listening response set in dom ready function.

php jquery ajax forms yui

Comments

Post a Comment

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer - when trying request rest service @ time of response getting exception.. feb 21, 2013 2:34:49 pm com.sun.jersey.spi.container.containerresponse mapmappablecontainerexception severe: exception contained within mappablecontainerexception not mapped response, re-throwing http container java.lang.noclassdeffounderror: not initialize class net.sf.cglib.proxy.enhancer @ org.hibernate.proxy.pojo.cglib.cgliblazyinitializer.getproxyfactory(cgliblazyinitializer.java:117) @ org.hibernate.proxy.pojo.cglib.cglibproxyfactory.postinstantiate(cglibproxyfactory.java:43) @ org.hibernate.tuple.entity.pojoentitytuplizer.buildproxyfactory(pojoentitytuplizer.java:162) @ org.hibernate.tuple.entity.abstractentitytuplizer.<init>(abstractentitytuplizer.java:135) @ org.hibernate.tuple.entity.pojoentitytuplizer.<init>(pojoentitytuplizer.java:55) @ org.hibernate.tuple.e...
Read more

Accessing MATLAB's unicode strings from C -

Accessing MATLAB's unicode strings from C - how can access underlying unicode info of matlab strings through matlab engine or mex c interfaces? here's example. let's set unicode characters in utf-8 encoded file test.txt, read as fid=fopen('test.txt','r','l','utf-8'); s=fscanf(fid, '%s') in matlab. now if first feature('defaultcharacterset', 'utf-8') , c engevalstring(ep, "s") , output text file utf-8. proves matlab stores unicode internally. if mxarraytostring(enggetvariable(ep, "s")) , unicode2native(s, 'latin-1') give me in matlab: non-latin-1 characters replaced character code 26. need getting access underlying unicode info c string in unicode format (utf-8, utf-16, etc.), , preserving non-latin-1 characters. is possible? my platform os x, matlab r2012b. addendum: documentation explicitly states "[mxarraytostring()] supports multibyte encoded characters...
Read more

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more