How to call external PHP file in AJAX

Question

I have code to check username and password in test.php file.

But when I am calling this ajax it is always showing alert of wrong username and password.
Can anyone tell where I am going wrong?

$.ajax({
    type: "GET",
    url: 'http://externalurl/external/test.php',
    contentType: "text/html",
    data: 'uname=' + uname + '&pass=' + pass,
    success: function (data) {
        if (data == 'success') {
            alert('success');
        } else {
            alert('Wrong user name and password.Please try again');
        }
    }
});

"where I am going wrong?" => you're sending a password with GET. — James M, May 19 '12 at 11:01
check the net console in Firebug or Chrome's dev tool and see what's the actual response. Also, what James said — Damien Pirsy, May 19 '12 at 11:01
And you are not using an object for `data` which will cause problems on certain characters. Use `data: {uname: uname, pass: pass}` instead! — ThiefMaster, May 19 '12 at 11:02
[Call external url through $.ajax in wordpres theme](http://stackoverflow.com/questions/4544522/call-external-url-through-ajax-in-wordpres-theme) [link](http://stackoverflow.com/questions/3629254/how-to-get-data-from-external-url-in-jquery) — Pradeep Sanjaya, May 19 '12 at 11:04
@ThiefMaster : I used this `data: {uname: uname, pass: pass}` but still same problem — J.K.A., May 19 '12 at 11:07
test.php : `if($_GET['uname']=='admin' && $_GET['pass']=='admin'){ echo 'success'; } else{ echo 'no'; } exit;` — J.K.A., May 19 '12 at 11:09
Your Answer is here: http://www.w3.org/Security/wiki/Same_Origin_Policy and/or here: http://en.wikipedia.org/wiki/Same_origin_policy — Tim, May 19 '12 at 11:11
@Kunal call `alert(data);` in the success() function. Tell the output — NT_, May 19 '12 at 11:13
You php is not responding with correct output so how will the javascript work then!. — NT_, May 19 '12 at 11:15
I read same origin policy after that I come to know Javascript doesnt support cross domain request — J.K.A., May 19 '12 at 11:16
use `data: {uname: "admin", pass: "admin"}` instead of data=.... — NT_, May 19 '12 at 11:18
@Kunal You can get JSON data returned from an external domain. Other than that, you cant get data from an external server. Check my answer. — NT_, May 19 '12 at 11:29

NT_ · Accepted Answer · 2012-05-19T11:33:07.360

1

$.ajax({
    type: "GET",
    url: 'test.php',
dataType: 'jsonp',
    contentType: "text/html",
    crossDomain:'true',
    data: {uname: "admin", pass: "admin"},
    success: function (json) {
        //process the json here.
    }
});

You are using incorrect format for data field of ajax .

And no, Javascript doesn't normally allow you to access data via ajax from external servers.It will give out

Origin http://externalhost is not allowed by Access-Control-Allow-Origin.

Edit:

However, You can set crossDomain and dataType:'jsonp' for getting JSON data from an external server.

edited May 19 '12 at 11:33

answered May 19 '12 at 11:18

NT_

2,216
1
18
23

now it showing response in firebugs net window but not alerting it – J.K.A. May 19 '12 at 11:33
do `alert(data);` . ie, `success: function (json) { alert(json) }` – NT_ May 19 '12 at 11:34
@Kunal !! what do you mean by you already did. What's it alerting?. It wont alert anything unless you return JSON data from the PHP . – NT_ May 19 '12 at 11:38
means I already tried this code : `alert(data); . ie, success: function (json) { alert(json) }` but still alert not showing the response is coming into the firebugs net window i.e. yes and no – J.K.A. May 19 '12 at 11:41
that is because Javascript doesnt allow you to access NON JSON data from external server. Aren't you reading at all?. Respond from the server with JSON. – NT_ May 19 '12 at 11:42

How to call external PHP file in AJAX

1 Answers1