连接php与phonegap?

时间:2016-03-19 06:42:50

标签: php mysql cordova html5-apps

我正在使用phonegap创建一个应用程序,它允许.html格式但我们需要.php格式文件,所以我们将使用服务器用于php。
在phonegap上创建index.html页面后,我没有得到任何示例或提示将phonegap与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 个答案:

答案 0 :(得分:4)

Phonegap是混合移动应用程序开发框架,它使用html,css,javascript和cordova来实现本机功能。 Php是服务器端脚本语言。您可以在服务器上使用php。制作php文件并使用js文件中的ajax调用将其与phonegap连接。一切都在服务器端完成,只需使用ajax在js上调用该页面,您就可以根据需要在phonegap上使用它。

答案 1 :(得分:1)

在phonegap中,您可以使用服务器中的php。

喜欢

ajax.open("POST", "http://192.168.1.1/phonegap/app/post.php"); // or you domain server www.example.com/api/post.php

代替localhost

并且您可以在服务器php文件中使用正常的msql连接。

答案 2 :(得分:0)

我认为你忘记了较新的浏览器/ Cordova解析器请求其他网站。
我的解决方案是上传包含AJAX Trough Server的JS文件并使用:
<script src="http://localhost/js/index.js"></script>