Cannot load external URL using a simple jQuery dataTables

Question

I created a simple static web project in Eclipse. I downloaded jquery.js and jquery.dataTables.js into my WebContent folder. Then I created a index.html page which looks like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dataTables.js"></script>

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('#example').dataTable({
            "sAjaxSource" : 'http://localhost:8080/myProj/listLogs?messageId=33333333333'
        });
    });
</script>


<title>Insert title here</title>
</head>
<body>

    <table cellpadding="0" cellspacing="0" border="0" class="display"
        id="example">
        <thead>
            <tr>
                <th>stuff</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
        <tfoot>
            <tr>
                <th>stuff</th>
            </tr>
        </tfoot>
    </table>

</body>
</html>

The JSON response from http://localhost:8080/myProj/listLogs?messageId=33333333333 should look like:

{

"aaData": [
    [
        "This is a NEW message"
    ],
    [
        "Parsing message with messageId = 33333333333 and eventType = CREATE"
    ],
    [
        "Start running workflow with 4 actions"
    ],
    [
        "Updating entitlement for event: [33333333333:CREATE]"
    ],

... }

But when I open the index.html in my firefox, nothing gets loaded. I do see this on the page though:

stuff
stuff
Loading...
Showing 0 to 0 of 0 entries
PreviousNext

My JSON URL was not even invoked. Not sure why.

Just did. It is valid. As I said, the URL is not even invoked. I can tell by monitoring on the server side. — scabbage
– scabbage, Commented Feb 9, 2012 at 5:34
i will advise you to please have a look in the firebug console or XHR request from XHR tab under net panel of firefox to see if your URL invocation caused some error like 500 internal server error or 404 error that will help you and also check if the pat is correct — Devjosh
– Devjosh, Commented Feb 9, 2012 at 5:37
On a side note, with jQuery you no longer need $(document).ready(function() {. Just simplly enclose onload code in: $(function(){ //code goes here }); — SpYk3HH
– SpYk3HH, Commented Feb 9, 2012 at 5:45
firebug console says: GET localhost:8080/myProj/… 200 OK x 254ms. Hum...seems that the URL did get invoked correctly. Still nothing shows up on the page. — scabbage
– scabbage, Commented Feb 9, 2012 at 5:55

scabbage · Accepted Answer · 2012-02-09 19:22:03Z

0

Think I found the answer:

http://en.wikipedia.org/wiki/Cross-Origin_Resource_Sharing

My JSON endpoint is on a different port :)

answered Feb 9, 2012 at 19:22

scabbage

1,5322 gold badges17 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

Cannot load external URL using a simple jQuery dataTables

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related