Posting and getting from php via jQuery

Question

Update, I changed jQuery to this and it still doesn't work:

    $("#click").click(function(){
    $.post("accountcreation.php",function(response){ userCreation:"userCreation" 
        $("#justtesting").html(response);
    })
})

Nothing is happening. I had the HTML and PHP working, but then I wanted to add live updating and began this jQuery code. What's wrong with it?

Thanks.

jQuery

$("#click").click(function(){
    $.post("accountcreation.php", { userCreation:"userCreation" 
    })
    $.get("accountcreation.php", function(data,status){
        $("#justtesting").html(data);
    })
})

HTML

Username: <input required type="text" name="userCreation" 
onchange="userValidate();" 
onkeypress="this.onchange();" 
onpaste="this.onchange();" 
oninput="this.onchange();">
<span id="userRegexJavascriptResponse"></span>
<br>

<input type="button" value="Submit" id="click">


<div id="justtesting"></div>

PHP (Part)

class accountcreation {
    private $options;

    function __construct($con, $ipCreation) {
        $this->passwordCreation = $_POST['passwordCreation'];
        $this->userCreation = $_POST['userCreation'];
        $this->ipCreation = $ipCreation;
        $this->emailCreation = $_POST['emailCreation'];
        $this->con = $con;
    }

You should be receiving the data in the post success handler. — showdev
– showdev, Commented Oct 21, 2014 at 22:52

PeterKA · Accepted Answer · 2014-10-21 23:18:13Z

1

Use this code instead. Your PHP script is expecting data via post, and you can get a response in that same .post() call.

$("#click").click(function(){
    $.post("accountcreation.php", { userCreation:"userCreation"}, function(data){
        $("#justtesting").html(data);
    });
});

NOTE: I would strongly advise against inline javascript; it's so difficult to maintain and is just not good practice. Event listeners should be attached as above ... that's the way to go.

Your HTML should be:

Username: <input required type="text" name="userCreation">
<span id="userRegexJavascriptResponse"></span><br>
<input type="button" value="Submit" id="click">
<div id="justtesting"></div>

And, you do need to include jQuery core right before the JavaScript code:

<script src="//code.jquery.com/jquery-1.11.1.js"></script>

If you open your dev tools and run the code snippet below, you should see a post call being made with the data you supply. This means that it should be able to work on your server or else you should be able to see any errors in the console of the dev tools.

   $("#click").click(function(){
        $.post("accountcreation.php", { userCreation:"userCreation"}, function(data){
            $("#justtesting").html(data);
        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Username: <input required type="text" name="userCreation">
    <span id="userRegexJavascriptResponse"></span><br>
    <input type="button" value="Submit" id="click">
    <div id="justtesting"></div>

edited Oct 21, 2014 at 23:18

answered Oct 21, 2014 at 23:06

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

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

6 Comments

icor103 Over a year ago

This doesn't do anything, either. Is the click function wrong, perhaps? It's supposed to mate with this: <input type="button" value="Submit" id="click">

icor103 Over a year ago

i.imgur.com/H5csicO.jpg and i.imgur.com/Up1Wqy6.jpg <-- Still, nothing happens...

showdev Over a year ago

@icor103 Check your browser console for javascript errors. It looks like you've got some HTML (a <div>) inside your <script></script> tags.

icor103 Over a year ago

@showdev .. That's embarassing, thank you. I would use console, but I can never get the dang thing to work very well. Is there a browser/plugin that you suggest?

showdev Over a year ago

@icor103 I've gotten used to Firebug. But most modern browsers have some equivalent.

|

Collectives™ on Stack Overflow

Posting and getting from php via jQuery

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related