Connect php with phonegap?
Question
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'];
?>
3 answers
solution1
4 2016-03-19 06:55:39
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.
solution2
1 2016-03-19 06:56:22
In phonegap you can use php from your server.
like
ajax.open("POST", "http://192.168.1.1/phonegap/app/post.php"); // or you domain server www.example.com/api/post.php
instead for localhost .
and you can use normal msql connection in your server php file.
solution3
0 2016-12-02 09:53:54
I think You Did Forgot That Newer Browsers/Cordova Parsers Block Requesting To Other Websites.
My Solution For This Is Uploading The JS File Containing AJAX Trough Server And Use:
<script src="http://localhost/js/index.js"></script>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.