• 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Jquery & Submitting a form

#1
[eluser]downah[/eluser]
Hi guys, finally codeigniter seems to make a little sense when I gave it another go making a simple project and learning individual things to get there as opposed to just following the "blog tutorial".. However I am trying to submit a form and do it through ajax/jquery so that the other page doesn't show and everything happens in one page.

This is from my view where the form and jquery is:
jquery:
Code:
[removed]
   $(function(){
       $("#form-signin").submit(function(){
         dataString = $("#form-signin").serialize();

         $.ajax({
           type: "POST",
           url: "<?php echo base_url(); ?>index.php/welcome/addmovie",
           data: dataString,

           success: function(data){
               alert('Successful!');
           }

         });

         return false;  //stop the actual form post !important!

      });
   });
[removed]

form:

Code:
<form class="form-signin" method="post" id="form-signin">
        <h4 class="form-signin-heading">Add a Movie</h4>
        &lt;input type="text" class="input-block-level" placeholder="Movie Title"&gt;
        &lt;input type="text" class="input-block-level" placeholder="URL"&gt;
        &lt;input type="number" class="" min="1" max="100" placeholder="Jamies Score"&gt;
        &lt;input type="number" class="" min="1" max="100" placeholder="Kellys Score"&gt;
        <button class="btn btn-large btn-primary" type="submit">Add</button>
      &lt;/form&gt;

It seems nothing happens when you click the submit button and I've put the script at the bottom of the page just before &lt;/body&gt; as it seems when I put it under the form it doesn't load the rest of the code below it? I am very new with jquery so please be kind.

I don't have anything in the script which the jquery should load (public function addmovie in the welcome controller) so it should return successfully I think?

I hope someone can help me out!


PS Using this tutorial: http://optimiseblog.co.uk/posting-form-d...-and-ajax/


Messages In This Thread
Jquery & Submitting a form - by El Forum - 12-05-2012, 12:47 PM
Jquery & Submitting a form - by El Forum - 12-05-2012, 01:10 PM
Jquery & Submitting a form - by El Forum - 12-05-2012, 02:12 PM

Digg   Delicious   Reddit   Facebook   Twitter   StumbleUpon  


  Theme © 2014 iAndrew  
Powered By MyBB, © 2002-2020 MyBB Group.