使用ajax jquery从远程服务器访问php

Question

I am currently using phonegap to make an apps. As we know, phonegap only allow html css and js to be used. therefore, php cannot be used. I have researched a bit and I found out that I can just put the php file in a remote servers and used the ajax to call for the php file using the url of the remote server. however, it still cannot call the php file.

here is my ajax snippet of code in the login.html:

$(document).ready(function(){
    $("#btn").click(function(){
        var username = $("#username").val();
        var password = $("#password").val();
        var dataString = 'name1=' + username + '&password1='+ password;
        var theUrl =  'auth.php';
        if(username==''||password==''){
            alert("Please Fill All Fields");
        } else {
            $.ajax({
                type: "POST",
                url: theUrl,
                data: dataString,
                cache: false,
                success: function(result){
                    if (result == "right") {
                        window.location.href = 'home.html';
                    } else {
                        alert("Wrong username or password");
                    }
                }
            });
        }
        return false;
    });
});

As I am testing using auth.php which is still in the same folder as my login.html, everything works fine. but when I use the url of the file in the remote server, it always fails.

Thanks in advance for responding.

Answer 1

You have two options

1. Using localhost

try this url

theUrl=http://10.0.2.2/yourfilepath but this will work only in emulator not in browser .If you want test browser disable the web security first and then try it.

2. Using liveserver

Access the files like a website url access eg: www.apptest.in/test/auth.php