javascript - how to manage location.reload in ajax.jquery -


scenario: "i want page reload autmaticly after user input data". try search methode best. , choose use location reload

my problem:

when use location.reload in piece of script work.

$("#save").click(function(){ //ambil nilai-nilai dari masing-masing input wp = $("#wp").val(); if(wp==="- jenis werehouse -"){ alert("pilih dulu jenis werehouse"); exit(); } posisi = $("#posisi").val(); pid = $("#pid").val(); if(pid==="- produk id -"){ alert("pilih dulu id produk"); exit(); } pname = $("#pname").val(); if(pname==""){ alert("pilih dulu id produk"); exit(); } pdate=$("#pdate").val(); if(pdate==""){ alert("isi dulu tanggal inputnya"); exit(); } datanya = "&wp="+wp+"&posisi="+posisi+"&pid="+pid; datanya = datanya+"&pdate="+pdate+"&pname="+pname; //tampilkan status updating dan animasinya $("#status").html("dalam proses..."); $("#loading").show(); $.ajax({ type:'post', url: "aksi.php", data: "op=save"+datanya, cache: false, success: function(msg){ if(msg=="error1"){ $("#status").html("rak ini penuh"); }else if(msg=="sukses"){ $("#status").html("data berhasil disimpan")}else{ $("#status").html("error..penyimpanan data gagal!"); } $("#loading").hide(); } }); location.reload(); });

although page reload passing step show message error , succes. ignored while see problem(c'z page reload according want.)

but combine full code bellow

<script type="text/javascript"> var wp; var posisi; var pid; var pname; var pdate; var datanya; $(document).ready(function(){     $("#save").click(function(){     //ambil nilai-nilai dari masing-masing input     wp = $("#wp").val();     if(wp==="- jenis werehouse -"){     alert("pilih dulu jenis werehouse");     exit();     }     posisi = $("#posisi").val();     pid = $("#pid").val();     if(pid==="- produk id -"){     alert("pilih dulu id produk");     exit();     }     pname = $("#pname").val();     if(pname==""){     alert("pilih dulu id produk");     exit();     }     pdate=$("#pdate").val();     if(pdate==""){     alert("isi dulu tanggal inputnya");     exit();     }     datanya = "&wp="+wp+"&posisi="+posisi+"&pid="+pid;     datanya = datanya+"&pdate="+pdate+"&pname="+pname;     //tampilkan status updating dan animasinya     $("#status").html("dalam proses...");     $("#loading").show();     $.ajax({     type:'post',     url: "aksi.php",     data: "op=save"+datanya,     cache: false,     success: function(msg){     if(msg=="error1"){     $("#status").html("rak ini penuh");     }else if(msg=="sukses"){     $("#status").html("data berhasil disimpan")}else{     $("#status").html("error..penyimpanan data gagal!");     }     $("#loading").hide();     }     });     location.reload();     });      //jika tombol view diklik     $("#view").click(function(){     posisi = $("#posisi").val();     $("#status").html("mencari data...");     $("#loading").show();     $.ajax({     type:'post',     url: "aksi.php",     data: "op=view&posisi="+posisi,     cache: false,     success: function(msg){     if(msg=="error"){     $("#status").html("tidak ada produk di rak ini");      $("#loading").hide();     }     else{//karna di server pembatas setiap data adalah |         //maka kita split dan akan membentuk array         data = msg.split("|");                 //masukkan ke masing-masing textfield      $("#pname").val(data[0]);      $("#pdate").val(data[1]);      //hilangkan status dan animasi loading      $("#status").html("");      $("#loading").hide();        }        }      });     });     //jika tombol del diklik     $("#delete").click(function(){     posisi = $("#posisi").val();     alert("anda yakin untuk mengosong data produk yang ada di rak ini");     $("#status").html("lagi didelete...");     $("#loading").show();     $.ajax({     type:'post',     url: "aksi.php",     data: "op=delete&posisi="+posisi,     cache: false,     success: function(msg){     if(msg=="sukses"){     $("#status").html("delete berhasil...");     }else{     $("#status").html("error..");     }     $("#loading").hide();     }     });     location.reload();     });     });     </script>

location.reload make unfuction script above it

in simple question 1. how manage location.reload run after ajax.jquery function finish? 2. best methode make user input automaticly seen in page?

please advise, code ore appreciate

use document.location.reload() along 

$("#loading").hide();

inside success function. success should like.

success: function(msg){     if(msg=="error1"){     $("#status").html("rak ini penuh");     }else if(msg=="sukses"){     $("#status").html("data berhasil disimpan")}else{     $("#status").html("error..penyimpanan data gagal!");     }     $("#loading").hide();     document.location.reload();     }

Comments

Post a Comment

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

running rails generate controller foo home results in: class foocontroller < application controller def home end end (there's nothing on line in actual file, blank line) is there purpose blank line? it's common use newline indicate end of line, last line. many editors (like vi, use) add in newline silently. consensus text files (especially in unix world) should end in newline, , there have been problems historically if wasn't present. why should text files end newline? the tool used count lines in file "wc" counts newlines in file, without trailing newline show 3 instead of 4. it improves readability of templates used in generator. consider: https://github.com/rails/rails/blob/master/railties/lib/rails/generators/rails/controller/templates/controller.rb to remove trailing newline, template have last line of: end<% end -%> instead of: end <% end -%> that seems less readable me. the discussion below refers ...
Read more

keyboard - Smiles and long press feature in Android -

i've created android keyboard. how add features inserting smilies, , using long keypresses display symbols? to create long-press behavior allows select several options pop-up menu, follow guide (specifically pop-up menu section): http://developer.android.com/guide/topics/ui/menus.html smileys (also known emoticons) combination of keys, understood programs , parsed same way. have do, when clicks smiley face on keyboard, simulate pressing of key combination matching emoticon. example, when clicks smiley, should simulate key presses ':' , ')' :). here's list of emoticons: http://en.wikipedia.org/wiki/list_of_emoticons
Read more

node.js - Bad Request - node js ajax post -

i'm using express 3.0 , node v0.11.0. have button submits form , i'm using ajax post data json object node server. client code is: $('#contact').submit(function(e) { console.log('submit called'); var formdata = json.stringify($('form').serializeobject()); console.log(formdata); $.ajax({ url: "http://localhost:3000/savedata/", type: "post", datatype: 'json', data: {objectdata: formdata}, contenttype: "application/json", complete: function() { console.log('process complete'); }, success: function(data) { console.log('process sucess'); }, error: function() { console.log('process error'); }, }); return false; }); then on server: var express = require('express'); var app = express(); app.set('views', __dirname + '/views'); app.set('view engine', 'jade'); app.use(express.bodyparser());...
Read more