sending data via ajax in Cakephp

Question

i am new to cakephp and trying to send data from ajax to my controller action.. i have a popup model in which there is a input box ..i want to grab that value and send to controller without page refresh

here is my code ..

 <a class="button anthracite-gradient" onclick="openPrompt()">submit </a>

my javascript

 function openPrompt() { var cancelled = true; $.modal.prompt('Please enter a value:', function(value) { $.ajax({ type:"POST", url:"/cakephp/controller/action/", success : function(data) { alert(value); //value right now is in this variable ... i want to send this variable value to the controller }, error : function() { alert("false"); } }); }, function() { }); }; </script>

myController

 public function action(){ if( $this->request->is('ajax') ) { $new = $this->request->data; echo "ok" return; } }

i want to first get the value here and then send the response to may ajax request

@dianuj its the pop up box ,, the value is in this variable "value" $.modal.prompt('Please enter a value:', function(value) value is in this variable value — hellosheikh
– hellosheikh, Commented Jul 6, 2013 at 16:05

M Khalid Junaid · Accepted Answer · 2013-07-06 16:34:19Z

Its simple post the value to the controller and do what you want , in ajax request bind the value in data:{value_to_send:value} and get in controller

 function openPrompt() { var cancelled = true; $.modal.prompt('Please enter a value:', function(value) { $.ajax({ type:"POST", data:{value_to_send:value}, url:"/cakephp/controller/action/", success : function(data) { alert(data);// will alert "ok" }, error : function() { alert("false"); } }); }, function() { }); }; </script> public function action(){ if( $this->request->is('ajax') ) { // echo $_POST['value_to_send']; echo $value = $this->request->data('value_to_send'); //or debug($this->request->data); echo "ok" die(); } }

For more see accessing-post-data

thank you i think it works as it is alerting "true",, but how can i check the value ? i mean how can i see whether the variable get the data from ajax or not in controller ... i have done this echo $value ... but nothing is printing out
just echo the $_POST['value_to_send'] or see my updated answer first check it is coming in the if check if( $this->request->is('ajax') ) or not ??
thankyou dianuj.... ok 1 think more can you tell me how can this be done using cakish stuff ... i mean in a cakephp way
your ajax request is posting the data i have provided the link in cake php how to get the posted values book.cakephp.org/2.0/en/controllers/…

Sadee · Accepted Answer · 2016-02-19 11:17:07Z

I will give you some example. In my case, list out book list as a smart search while typing on text box.

$( ".selectBook" ).each(function(){ $(this).keyup(function( event ) { var tri = $(this).val(); var oPrnt = $(this).parents('.smartsearch'); var str = ''; if(tri.length > 2){ $.ajax({ type: "POST", url: "/utility/getbooks/", data: JSON.stringify({string: tri, activeonly:false}), contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { $.each(data, function(key, val) { str += '<li id="a'+key+'" term="'+val+'" data-did="'+key+'">'+val+'</li>'; }); oPrnt.find("ul.result").html(str); }, error: function (errormessage) { oPrnt.find("ul.result").html('<li><b>No Results</b></li>'); } }); oPrnt.find("ul.result").slideDown(100); } }); });

And in the controller, action (getbooks Action in UtilityController in my case)

public function getbooks($string = '', $activeonly = true){ $this->autoRender = false; if( $this->request->is('ajax') ) { $data = $this->request->input('json_decode'); $string = $data->string; $activeonly = $data->activeonly; } $aReturn = array(); // ... fetch books data from DB goes here... $aResult = $this->Book->fetch('list'); foreach($aResult as $r){ if(isset($r['bookname'])){ $aReturn[$r['id']] = $r['bookname']; } } return json_encode($aReturn); }

Collectives™ on Stack Overflow

sending data via ajax in Cakephp

2 Answers 2

5 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Linked

Related