c# - Asp.NET MVC 4 Ajax Request Cancels on Submit -


issue ajax request cancel
after call processmessage form submit having issue

issue submitting page canceling ajax request, getting error.. please me on this

view 

@using (html.beginform("index", "home", formmethod.post, new { id = "formupload", enctype = "multipart/form-data" })) {     <div>         <b>upload file</b>          <input type="file" name="file" />         <input type="submit" value="upload file" name="btnupload" onclick="progressstatus();"/><br />      </div>      <div>         @viewbag.message     </div>      <div style="width: 30%; margin: 0 auto;">          <div id="progressbar" style="width: 300px; height: 15px"></div>         <br/>     </div>  } @scripts.render("~/bundles/jquery")  <script type="text/javascript">     function progressstatus() {          var oreq = new xmlhttprequest();         oreq.open("get", "/home/processmessage", true);         oreq.send();         setinterval(showresult, 1000);          function showresult() {             var result = "";             if (result !== oreq.responsetext) {                 result = oreq.responsetext;                 debugger;                 $("#progressbar").html(result);             }         }          return false;     }  </script>

controller

    [httppost]             public actionresult index(httppostedfilebase file)             {                 if (file != null)                 {                     var fname = path.getfilename(file.filename);                      var exis = path.combine(system.web.httpcontext.current.server.mappath("~/storage/uploads"), fname);                     if (system.io.file.exists(exis))                     {                         viewdata["message"] = "the file " + fname + " has exists";                     }                     else                     {                        try                        {                             if (file.contentlength > 0)                             {                                 var filename = path.getfilename(file.filename);                                 var folderpath = server.mappath("~/storage/uploads");                                 fname = filename;                                 var path = path.combine(folderpath, filename);                                  var filebytes = new byte[file.contentlength];                                  if (!directory.exists(folderpath))                                     directory.createdirectory(folderpath);                                  file.saveas(path);                              }                             viewdata["message"] = "the file " + fname + " has uploaded successully";                        }                        catch (exception e)                        {                             viewdata["message"] = "the file " + fname + " not upload";                           viewdata["message"] = e.message;                         }                     }                 }                 else                     viewdata["message"] = "please choose file";                     return view();             }  public class progressiveresult : actionresult {     public override void executeresult(controllercontext context)     {         (int = 0; < 20; i++)         {             context.httpcontext.response.write(i.tostring());             thread.sleep(2000);             context.httpcontext.response.flush();         }         context.httpcontext.response.end();     } } , action returns result:  public actionresult processmessage() {    return new progressiveresult(); }

you have return false in click event handler cancel submitting form:

<input type="submit" value="upload file" name="btnupload" onclick="progressstatus(); return false;"/>

Comments

Post a Comment

Popular posts from this blog

javascript - Google App Script ContentService downloadAsFile not working -

i have web app developed using google app script htmlservice , html form, populating excel sheet in google drive using spreadsheetapp . , 1 section calling contentservice download data excel file. function doget(e) { // read excel sheet //getappfile(); // render application html template return htmlservice.createtemplatefromfile('index').evaluate() .settitle('go smart') .setsandboxmode(htmlservice.sandboxmode.iframe); } function downloaddoublequatecsvfile() { var sheetid = propertiesservice.getscriptproperties().getproperty('sheetid'); var ss = spreadsheetapp.openbyid(sheetid).getactivesheet(); //var ss = spreadsheetapp.getactivespreadsheet().getactivesheet(); var maxcolumn = ss.getlastcolumn(); var maxrow = ss.getlastrow(); var data = ss.getrange(1, 1, maxrow, maxcolumn).getvalues(); if (data.length > 1) { var csv = ""; (var row = 0; row < data.length; row++) { (var c...
Read more

javascript - Function overwritting -

is there way overwrite function or event handling in function? using addeventlistener, can have many event handlers on element want var test=document.getelementbyid("div"); test.addeventlistener("click",function(){alert("im first");},false); test.addeventlistener("click",function(){alert("im second");},false); // alerts "im first" , after "im second" but if want overwrite function/event example based on client width example this function one() { alert("first"); } function two() { alert("second"); } window.onresize = function() { var test = document.getelementbyid("div"); if (window.innerwidth > 500) { test.onclick = 1 } else { test.onclick = two; } } is possible in javascript? in case use effective little known approach. addeventlistener can accept object property handleevent event handler. in case it's easy overwr...
Read more

php - Find a regex to take part of Email -

i have following emails need extract part from: bestellnummer xxx: 1 von xxx, 1er pack ------------- anfang der nachricht ------------- foo bar baz foo bar baz // <<<<< need text here ------------- ende der nachricht ------------- ------------- anfang der nachricht ------------- foo bar baz foo bar baz ------------- ende der nachricht ------------- there 0 unlimited occurences of ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- and i'm able extract first part regex: $re = "/------------- .*? -------------.?(.*?).?------------- .*? -------------/s"; but, i'm quite new on learning regex, i'm pretty sure there must better regex extract part (foo bar baz foo bar baz) of text between ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- as can in different languages, i'm using .? to match between hyphens. i...
Read more