Connect php with phonegap?

Ather ALi picture Ather ALi · Mar 19, 2016 · Viewed 10.5k times · Source

I am making an app using phonegap and it allows .html form but we require .php format files so from will we use a server for php.
After making index.html page on phonegap, I am not getting any examples or hint to connect phonegap with php.

<html>
<head>
    <style type="text/css"></style>
    <script type="text/javascript">
    function post(){
                var first = document.getElementById("first").value; 
                var second = document.getElementById("second").value;

                var formdata = new FormData();
                formdata.append("first", first);
                formdata.append("second", second);



    var ajax = new XMLHttpRequest();
    document.getElementById('ans').innerHTML = 'Loading...';
    ajax.addEventListener("load", completeHandlerrrr, false);

    ajax.open("POST", "http://localhost/phonegap/app/post.php");
    ajax.send(formdata);
}
function completeHandlerrrr(event){

var hh= event.target.responseText; 

    document.getElementById('ans').innerHTML = hh; 

}


</script>

</head>
<body>  

 <input type="text" id="first" name="first" />
 <input type="text" id="second" name="second" /> 
 <input type="submit" id="submit" name="submit" onclick="post();"/>
<div id="ans"></div>
</body>
</html>

post.php

<?php
echo $_POST['first'];
echo $_POST['second'];

?>

Answer

Tarun picture Tarun · Mar 19, 2016

Phonegap is a mobile app development framework that uses HTML, CSS, JavaScript, and Cordova for native features. On the other hand, PHP is a server side scripting language that requires infrastructure on the server. You can't use PHP directly, but you can use the results of a PHP page from a remote server by using an Ajax call in your JavaScript file.