Format of url field in an AJAX call using jQuery

Question

I am trying to make an AJAX request via jQuery to a PHP script present in a different server (say the IP is 11.1.35.12) and the location of PHP script is "C:\inetpub\wwwroot\Kibana\mytelemetry.php" inside the server. What should be the url in my below ajax code?

$.ajax({

    url     :   "11.1.35.12/Kibana/mytelemetry.php",
    cache   :   false,
    data    :   ({
                    DshBrdName  : strFullDashBoardName,
                    DshBrdID    : currentDashboard, 
                    r           : Math.random()
                }),
    success :   function(data, textStatus, jQxhr){
                    //alert(textStatus); 
                },
    error   :   function(jqXHR, textStatus, errorThrown){
                    //alert(textStatus);
                    alert(errorThrown);
                },
    type    :   "POST"
});

P.S : The above is not working! I am pretty sure my url format is wrong.

en.wikipedia.org/wiki/Cross-origin_resource_sharing

RiggsFolly
– RiggsFolly

2016-08-23 15:37:39 +00:00
Commented Aug 23, 2016 at 15:37 — RiggsFolly
– RiggsFolly, Commented Aug 23, 2016 at 15:37

jorundur · Accepted Answer · 2016-08-23 15:43:54Z

2

You're missing the http protocol when passing in url and your script is requesting url in the current domain you're in.

try this:

$.ajax({

    url     :   "http://11.1.35.12/Kibana/mytelemetry.php",
    cache   :   false,
    data    :   ({
                    DshBrdName  : strFullDashBoardName,
                    DshBrdID    : currentDashboard, 
                    r           : Math.random()
                }),
    success :   function(data, textStatus, jQxhr){
                    //alert(textStatus); 
                },
    error   :   function(jqXHR, textStatus, errorThrown){
                    //alert(textStatus);
                    alert(errorThrown);
                },
    type    :   "POST"
});

Beside that, you have to add Access-Control-Allow-Origin header in your php script

edited Aug 23, 2016 at 15:43

jorundur

7002 gold badges6 silver badges24 bronze badges

answered Aug 23, 2016 at 15:37

Skysplit

1,93312 silver badges16 bronze badges

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

2 Comments

Prasath Govind Over a year ago

Can you please let me know the headers I need to add in my PHP script?

Skysplit Over a year ago

The simplest way to do this is just adding line header('Access-Control-Allow-Origin: *'); somewhere in your script. Preferably at the very beginning, because you cannot set headers after sending response (like echo or var_dump()). Also, you can (and probably should) replace * sign with your domain (without protocol). There's a good reading about it on MDN

Collectives™ on Stack Overflow

Format of url field in an AJAX call using jQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related