CODEWITHSUNDEEP
javascriptphpjqueryajax
user2570937
user2570937

Reputation: 852

Display Ajax response in HTML

I'm calling a PHP file, and it's returning the response when I view it in Firebug. However, it's not displaying on my page. I'm not sure if the success is actually firing, because I can't even run an alert, but it is working because the PHP code is firing and returning what it's supposed to.

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>

<script>
    $.ajax({
        type: "GET",
        url: 'https://www.example.com',
        dataType: 'jsonp',
        contentType: "text/html",
        crossDomain:'true',
        success: function (data) {
            $(".result").html(data);
        }
    });
</script>

<div class="result"></div>

Upvotes: 2

Views: 18437

Answers (2)

Neta Meta
Neta Meta

Reputation: 4047

Just a little lesson about what your are doing.

When working with any form of Ajax (or JavaScript in general), it is usually imperative to have your console open. You will be able to see your request, your response, and whole other useful information.

I usually work with Firefox and Chrome from time to time.

You can open your console by right clicking on the page anywhere and inspect an element with Firebug (on Firefox).

And inspect element in Chrome.

Once you see the Ajax call, click the + and see its content.

You should see something like:

Headers Post Response JSON Cookies or something alike.

I hope that helps.

Upvotes: 0

Kevin Seifert
Kevin Seifert

Reputation: 3572

You need to make the ajax call on load or document ready. The div may not exist at the time of response (page is interpreted top down).

Upvotes: 4

Related Questions