javascript - using ajax how to show the value after success without refreshing the page -


i adding value database using ajax after adding want display value in front end after success using window.location show data because of page getting refresh,i don't want refresh page show data ,anyone guide me how this.

below ajax

$(function() {     $(".supplierpriceexport_button").click(function() {      var pricefrom = $("#pricefrom").val();     var priceto =  $("#priceto").val();     var tpm =  $("#tpm").val();     var currency =  $("#currency").val();       var datastring = 'pricefrom='+ pricefrom +'&priceto='+priceto+'&tpm='+tpm+'&currency='+currency;       if(pricefrom=='')     {     alert("please enter text");     }     else     {     $("#flash").show();     $("#flash").fadein(400).html;      $.ajax({     type: "post",     url: "supplierpriceexport/insert.php",     data: datastring,     cache: false,     success: function(html){     $("#display").after(html);      window.location = "?action=suppliertargetpiceexport";     $("#flash").hide();     }     });     } return false;     });     });

the code using post data needs return meaningful data, json useful this, can html or other formats.

to return response json php, can use json_encode() function:

$return_html = '<h1>success!</h1>'; $success = "true";  json_encode("success" => $success, "html_to_show" => $return_html);

in piece of code, can set datatype or json , return multiple values including html want inject page (dom):

$.ajax({     type: "post",     url: "supplierpriceexport/insert.php",     data: datastring,     cache: false,      //set type of data expecing     datatype: json      success: function(return_json){          // check update success         if(return_json.success == "true")         {             // show html on page (no reload required)             $("#display").after(return_json.html_to_show);         }         else         {             // failed update             alert("not success, no update made");         } });

you can strip out window.location altogether, else won't see dom update.


Comments

Post a Comment

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

i'm learning java , have question regarding reading file want read numbers file contains strings well. here example of file: 66.56 "3 java 3-43 5-42 2.1 1 and here coding: public class test { public static void main (string [] args){ if (0 < args.length) { file x = new file(args[0]); try{ scanner in = new scanner( new fileinputstream(x)); arraylist<double> test = new arraylist<>(); while(in.hasnext()){ if(in.hasnextdouble()){ double f=in.nextdouble(); test.add(f);} else {in.next();} } catch(ioexception e) { system.err.println("exception during reading: " + e); } } my problem add 66.56,2.1 , 1 doesn't add 3 after "3 or ignores 3-43 , 5-42 can tell me how skip strings , add doubles here? thanks all said 3 ie; "3, 3-43 , 4-42 strings either u read string , split , check number @ " , - or put in space between characters , integers. jvm after compilation tre...
Read more

rewrite - Trouble with Wordpress multiple custom querystrings -

i'm working on adding multiple querystring , doesn't seem work. i've found codes seems work others might i'm missing something. i want like: http://mydomain.com/board/?getyear=2013&getsometext2=sometext to http://mydomain.com/board/2013/sometext/ i added code below functions.php file. doesn't seem work should though. this works. echoing querystring gets both variable without problem. http://mydomain.com/board/2013/sometext/ but doesn't. tested querystring vis isset() seems nothing being set/get http://mydomain.com/board/2013/ function add_query_vars($vars) { $vars[] = "getyear"; $vars[] = "getsometext2"; return $vars; } add_filter('query_vars', 'add_query_vars'); function add_rewrite_rules($arules) { $anewrules = array('board/([^/]+)/([^/]+)/?$' => 'index.php?pagename=board&getyear=$matches[1]&getsometext2=$matches[2]'); $arules = $a...
Read more