Send data of a form using serialize function

Question

i want to send all the input fields of the form to process/do_submitattendance.php, where i can use the to store in the database. However i am having trouble doing this. My jQuery code is-

 <script type="text/javascript">
    $("#submitattendance").submit(function(){

        var_form_data=$(this).serialize();
        $.ajax({
            type: "POST",
            url: "process/do_submitattendance.php",
            data: var_form_data,
            success: function(msg){
                alert("data saved" + msg);

            });

    });       
</script>

submitattendance is the ID of the form element.

you might want to use GET instead of POST

Nishant Jani
– Nishant Jani

2013-03-29 09:24:46 +00:00
Commented Mar 29, 2013 at 9:24 — Nishant Jani
– Nishant Jani, Commented Mar 29, 2013 at 9:24
What is the problem, please elaborate it.

Subedi Kishor
– Subedi Kishor

2013-03-29 09:25:28 +00:00
Commented Mar 29, 2013 at 9:25 — Subedi Kishor
– Subedi Kishor, Commented Mar 29, 2013 at 9:25
possible duplicate: stackoverflow.com/questions/1184624/…

Suresh Kamrushi
– Suresh Kamrushi

2013-03-29 09:27:25 +00:00
Commented Mar 29, 2013 at 9:27 — Suresh Kamrushi
– Suresh Kamrushi, Commented Mar 29, 2013 at 9:27

adeneo · Accepted Answer · 2013-03-29 09:27:35Z

1

I'm guessing the form is submitting, and you'll have to prevent the default submit action:

<script type="text/javascript">
  $(function() {
    $("#submitattendance").on('submit', function(e){
        e.preventDefault();
        $.ajax({
           type: "POST",
           url : "process/do_submitattendance.php",
           data: $(this).serialize()
        }).done(function(msg) {
            alert("data saved" + msg);
        });
    });
  });
</script>

answered Mar 29, 2013 at 9:27

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Tango Tango Over a year ago

on clicking the submit button it is taking the browser to localhost/realbhs/process/…

adeneo Over a year ago

Did you include jQuery? Open the console (F12) and look for errors.

adeneo Over a year ago

@TangoTango - You're using a version of jQuery that is too old, it's on 2.0 now and you're using a version below 1.7.

Tango Tango Over a year ago

I Am using 1.9.1 which version should i use ? i cant find the 2.0 version

adeneo Over a year ago

In 1.9.1 this is not an issue, but if .on() does'nt exist you are using an older version.

|

Joel Harkes · Accepted Answer · 2013-03-29 09:24:53Z

0

var var_form_data=$(this).serialize();

is all i can find, or there must be an error in your code somewhere else. you can look in your chrome console to see if there is an error (f12). also add return false; to stop the form submitting itself.

answered Mar 29, 2013 at 9:24

Joel Harkes

11.7k3 gold badges49 silver badges71 bronze badges

Comments

reaz · Accepted Answer · 2013-03-29 09:33:38Z

0

Why don't you try to pass values through session?

By using session you can pass the values from one page to anyother pages you want.

the typical code looks like this:

Mainpage.php

 <?php
    session_start(); // You should start session 
    $_SESSION['UserName']="YourTextfield"; 
    ?>

SecondPage.php

<?php
session_start();
$var = $_SESSION['UserName'];
?>

After you saved the data...then you need reset the session

$_SESSION['UserName']="";

That's what I usually use. and I hope it will help you...

answered Mar 29, 2013 at 9:33

reaz

7351 gold badge10 silver badges20 bronze badges

2 Comments

Tango Tango Over a year ago

so you take everything in session before storing it into database ? That's horrible

reaz Over a year ago

Yes, and we usually create our own session we call it ( SessionFacade) . but the way above is also a good way to pass those values from one page to another ( create multiple sessions according to the number of fields and use them in that page where the database functions are in. Then reset the session. and I think what you need is just passing values form one page to anther.

Collectives™ on Stack Overflow

Send data of a form using serialize function

3 Answers 3

6 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related