AJAX call to run PHP script within JavaScript

Question

I am trying to run a PHP script as soon as Submit button is clicked. I wanted to do an AJAX call as i dint want to refresh the page after the button is clicked. But the below code is not responding upon click.

I have saved the login.php in the same location as my project. Any help or input is appreciated!

<input type="button" class="button" value="submit" />
<script type="text/javascript">
$(document).ready(function() {
    $("button").click(function() {
        $.ajax({
            type: "GET",
            url: "C:\wamp\www\ElitePass\login.php"
        })
        alert("done successully")
    });
});
</script>

Do you see any error in console? Is the request hit to the server? — Tushar
– Tushar, Commented Jul 23, 2015 at 5:44
The request is not going to $("button").click(function() itself. Still unable to figure out how — Goutam
– Goutam, Commented Jul 23, 2015 at 5:53

martynasma · Accepted Answer · 2015-07-23 06:17:59Z

2

The issue is that you are not targeting your button correctly.

$("button") this selector is looking for an element of type "button". Naturally there is none. To target elements by their class names, append dot to selector:

$(".button").click(....)

Having said that, your code will still not work as you expect it to. Browser security restrictions will prevent loading of files directly from your file system. You need to load stuff via web server. Especially PHP files.

edited Jul 23, 2015 at 6:17

answered Jul 23, 2015 at 6:10

martynasma

8,6052 gold badges32 silver badges47 bronze badges

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

2 Comments

Goutam Over a year ago

Thanks! I am able to submit the button but the below query is not responding yet. Do you have any examples of which I can cross check? $.ajax({ type: "GET", url: "localhost:8182/ElitePass/login.php", success:function(){ alert("done successully"); } });

martynasma Over a year ago

Check your browser console for any errors that might give you some indication of what could possibly be wrong.

Tushar · Accepted Answer · 2015-07-23 05:54:26Z

0

You can call success like :

<script type="text/javascript">
$(document).ready(function() {
    $("button").click(function() {
        $.ajax({
            type: "GET",
            url: "C:\wamp\www\ElitePass\login.php",
            success: function() {
                alert("done successully");
            }
        })

    });
});
</script>

edited Jul 23, 2015 at 5:54

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

answered Jul 23, 2015 at 5:44

Bhavin Solanki

4,8143 gold badges28 silver badges47 bronze badges

1 Comment

Tushar Over a year ago

But the below code is not responding upon click. Does this mean that even alert is not displayed

Collectives™ on Stack Overflow

AJAX call to run PHP script within JavaScript

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related