Getting output of PHP script using JQuery

Question

I am trying to load the output of a PHP script into a using JavaScript and JQuery. The JavaScript function I am using uses the $.get function in JQuery to call a php script, which I want to display in another division. The script I wrote is:

<script type="text/javascript">
function on_load() {
    $(document).ready(function() {
        alert('here');
        $.get("http://localhost/dbtest.php", function(data){
            alert('here too too');
            $("uname").html(data);
        });
    });
}

</script>

The PHP script (dbtest.php) uses a simple echo statement:

echo "hello, world!!!";

I am getting the first alert here, but not the second. What Can I be doing wrong here?

How do you test that page? Which url do you use? If you are testing that html with file protocol(by doubleclicking it for example), you can not make AJAX request to localhost. That HTML code will be served by localhost too. — Murat Çorlu
– Murat Çorlu, Commented Sep 3, 2013 at 19:25
Have you tried going straight to localhost/dbtest.php? Does that page load? The second alert will only show on a succesful return from "localhost/dbtest.php" — Scott
– Scott, Commented Sep 3, 2013 at 19:28
I have tried opening the dbtest.php file in the browser, and it works. I am trying to write the HTML page for an android application using Phonegap — saurabhsood91
– saurabhsood91, Commented Sep 3, 2013 at 19:29

Sergio · Accepted Answer · 2013-09-03 19:38:27Z

2

I suppose uname is a ID, in that case you should use:

$("#uname").html(data);

You can add this to your php for debugging:

error_reporting(E_ALL ^ E_NOTICE);
ini_set("display_errors", 1);

Try also to remove http:// from your ajax call and use relative path instead.

edited Sep 3, 2013 at 19:38

answered Sep 3, 2013 at 19:22

Sergio

28.9k11 gold badges90 silver badges132 bronze badges

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

7 Comments

saurabhsood91 Over a year ago

I have set the Error Reporting flags as you mentioned, and also made the selector correction. Not getting the right output either with the http:// prefix or without it

Sergio Over a year ago

@saurabhsood91, what do you get in the console?

Sergio Over a year ago

@saurabhsood91 if you have a live link could help.

saurabhsood91 Over a year ago

Not getting any errors in console. I am actually running the javascript code in an HTML file, which I am running along with Phonegap. I tried the same script along with the browser, and it is not working.

saurabhsood91 Over a year ago

In fact, adding the prefix got the code working in the browser, on the server, but not inside an android application running phonegap

|

Krasimir · Accepted Answer · 2013-09-03 19:28:36Z

0

The guys below pointed out that the selector is wrong. Indeed that's a problem, but I think that the real issue is that you don't get the second alert. Probably your php file localhost/dbtest.php is not accessible. What happen if you open localhost/dbtest.php in a new tab?

answered Sep 3, 2013 at 19:28

Krasimir

13.6k4 gold badges45 silver badges58 bronze badges

2 Comments

saurabhsood91 Over a year ago

I am able to open the file properly. the selector was indeed a mistake, but making that right didnt work

Krasimir Over a year ago

It should be something with the url. What you see in the Chrome DevTools, Network panel. Do you see your request there? What is the response?

Community · Accepted Answer · 2017-04-13 12:33:14Z

0

I think the problem is the path to your dbtest.php file. You are saying you seecond alert will not be displayed so your request must be wrong.

Try to copy your page into the same folder like dbtest.php open the page in your browser with http://localhost/yourfile.php

If this does not display both alert-boxes try the same with an open developer console (Chrome/IE = F12) and look if there are errors.

edited Apr 13, 2017 at 12:33

CommunityBot

11 silver badge

answered Sep 3, 2013 at 19:35

Martin

3,3461 gold badge29 silver badges50 bronze badges

Comments

Murat Çorlu · Accepted Answer · 2013-09-03 19:36:03Z

0

You say you are trying to make ajax requests to your localhost from a Phonegap application. Phonegap prevents making ajax requests to other domains by default. You must add localhost to whitelist. Here is more detail: http://docs.phonegap.com/en/1.9.0/guide_whitelist_index.md.html

answered Sep 3, 2013 at 19:36

Murat Çorlu

8,6035 gold badges57 silver badges82 bronze badges

Comments

moander · Accepted Answer · 2013-09-03 22:22:23Z

0

Here you have a working example:

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<div id="uname"></div>

<script>
function on_load() {
    $(document).ready(function() {
        alert('here');
        $.get("http://localhost/dbtest.php", function(data){
            alert('here too too');
            $("#uname").html(data);
        });
    });
}

on_load();
</script>

Beware of the same-origin-policy. The page loading dbtest.php must be from the same origin, unless you grant other origins by adding a header from dbtest.php.

edited Sep 3, 2013 at 22:22

answered Sep 3, 2013 at 19:30

moander

2,2082 gold badges21 silver badges13 bronze badges

1 Comment

moander Over a year ago

Because I tested it before I posted..?

moander · Accepted Answer · 2013-09-03 22:40:50Z

0

Try add some error handling to your code to better see what´s happening.

<script type="text/javascript">
function on_load() {
    $(document).ready(function() {
        alert('here');
        $.get("http://localhost/dbtest.php", function(data){
            alert('here too too');
            $("uname").html(data);
        }).fail(function () {
            alert("failed");
        });
    });
}
</script>

answered Sep 3, 2013 at 22:40

moander

2,2082 gold badges21 silver badges13 bronze badges

Collectives™ on Stack Overflow

Getting output of PHP script using JQuery

6 Answers 6

7 Comments

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

7 Comments

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related