Databases
StackOverflow2013
Postsdbo
POHow to use Js->submit() in CakePHP?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to use Js->submit() in CakePHP?
    primarykey
    data
    text
    <p>Im trying to create a simple Ajax form for a message board in a CakePHP application, but I can't for the life of me figure out how to properly use the Js->submit() function to submit a form via Ajax.</p> <p>Heres the form code within my view:</p> <pre><code>&lt;?php echo $this-&gt;Form-&gt;create('Message',array( 'type' =&gt; 'post', 'action' =&gt; 'add', 'onSubmit' =&gt; 'return false;' )); echo $this-&gt;Form-&gt;input('name', array('label' =&gt; 'From:')); echo $this-&gt;Form-&gt;input('text', array('label' =&gt; 'Message:')); echo $this-&gt;Js-&gt;submit('Post Your Message', array( 'action' =&gt; 'add', 'update' =&gt; '#message_board' )); echo $this-&gt;Form-&gt;end(); ?&gt; &lt;div id="message_board"&gt; ... &lt;/div&gt; </code></pre> <p>And here is the controller action:</p> <pre><code>function add() { $this-&gt;autoRender = false; if($this-&gt;RequestHandler-&gt;isAjax()) { $this-&gt;layout = 'ajax'; //THIS LINE NEWLY ADDED if(!empty($this-&gt;data)) { if($this-&gt;Message-&gt;save($this-&gt;data)) { $this-&gt;Session-&gt;setFlash('Your Message has been posted'); } } } } </code></pre> <p>Oddly, what happens when I submit the form is an exact copy of the form and its containing div is duplicated INSIDE the message_board div. Weird. </p> <p>Obviously I'm missing something (or several things). If anyone has any idea, or else knows a good source of information on how to use it, it would be much appreciated.</p> <p>Thanks.</p> <p>UPDATE: I tried adding the new line <code>$this-&gt;layout = 'ajax';</code> to the controller (see above), but it had no effect. Here is the jquery output by CakePHP, incase that might tell somebody whats going on.</p> <pre><code>$(document).ready(function () { $("#submit-707957402").bind("click", function (event) { $.ajax({ action:"add", data:$("#submit-707957402").closest("form").serialize(), dataType:"html", success:function (data, textStatus) { $("#message_board").html(data); }, type:"post", url:"\/messages" }); return false; }); }); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USLogic Artist
    1. USLogic Artist
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    3. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to use Js->submit() in CakePHP?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POHow to use Js->submit() in CakePHP?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POHow to use Js->submit() in CakePHP?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COi am under the impression that the whole Js object in cake is sort of in flux. will keep my eye on this question to see what you find out.
      singulars
      1. POHow to use Js->submit() in CakePHP?
      1. USthe0ther
    2. COI've asked another question on the same topic with a more detailed description of the issue, and a better solution. See it here http://stackoverflow.com/questions/3947027/action-not-running-with-cakephp-js-submit
      singulars
      1. POHow to use Js->submit() in CakePHP?
      1. USLogic Artist
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload