Not able to insert form data in database on button click using ajax

Question

I am using ajax for first time,not able to solve this problem here is the code fr.php

<script type="text/javascript">

    function register(){

        $.ajax({

            type: "POST",
            url: "submit_data.php",
            data:     "username=" + document.getElementById("username").value + 
                    "&email=" + document.getElementById("email").value,
            success: function(html){
                $("#response").html(html);
            }
        });
        }

    </script>

and my problem is its not going inside the function also on button click

In the php script have you put a var_dump(); to see if data is passed correctly? What is the script`s response? — ka_lin
– ka_lin, Commented Oct 15, 2012 at 7:09
What is the exact problem? Aren't you getting the post data? — Bhuvan Rikka
– Bhuvan Rikka, Commented Oct 15, 2012 at 7:10
Where the submit_data.php code? What's the problem - are you getting an error , the database doesn't get updated? — Ofir Baruch
– Ofir Baruch, Commented Oct 15, 2012 at 7:11
print_r the post data in your php file and report the output — Bhuvan Rikka
– Bhuvan Rikka, Commented Oct 15, 2012 at 7:16

Ravi · Accepted Answer · 2012-10-15 07:21:06Z

2

You are not sending data in a correct way.

Below is your modified code

<script type="text/javascript">
function register(){
    $.ajax({
        type: "POST",
        url: "submit_data.php",
        data: { "username": document.getElementById("username").value, "email": document.getElementById("email").value },
        success: function(html){
            $("#response").html(html);
        }
    });
}
</script>

answered Oct 15, 2012 at 7:21

Ravi

2,08613 silver badges23 bronze badges

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

Comments

Yogesh Suthar · Accepted Answer · 2012-10-15 07:13:37Z

1

you are sending data in wrong way. Use this code for sending data correctly

data: { "username": document.getElementById("username").value, "email": document.getElementById("username").value },

answered Oct 15, 2012 at 7:13

Yogesh Suthar

30.5k18 gold badges75 silver badges100 bronze badges

4 Comments

shilpa Over a year ago

on button click i have called the function but its not working <input type="button" name="submit" id="submit" value="Subscribe" onclick="register()"/>

Yogesh Suthar Over a year ago

@shilpa try alert inside this function and use console also that function is calling or not.

shilpa Over a year ago

i have used alert after this line $.ajax({ ..but its not working

shilpa Over a year ago

can you please elaborate ..how to check it m not getting

Serg · Accepted Answer · 2012-10-15 07:19:16Z

0

agree with Yogesh Suthar additionally if you are using jQuery your code better look like this:

<script type="text/javascript">

    function register(){

        $.ajax({
            type: "POST",
            url: "submit_data.php",
            data: { username: $("#username").val(), email: $("#email").val() },
            success: function(html){
                $("#response").html(html);
            }
        });
    }

</script>

answered Oct 15, 2012 at 7:19

Serg

6063 silver badges10 bronze badges

Collectives™ on Stack Overflow

Not able to insert form data in database on button click using ajax

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related