如果采用整体方法(通过 Titanium/Phonegap 将 html5 转换为原生),您的结构应该是这样的
/projects/apps/html5app/index.html
/projects/apps/html5app/contact.html
/projects/apps/html5app/assets/js/phonegap.js
/projects/apps/html5app/assets/js/jquery.js
/projects/apps/html5app/assets/css/css.css
/projects/apps/html5app/assets/images/logo.jpg
/projects/apps/html5app/assets/images/button.jpg
在 contact.html 中,您需要使用 PHP 文件指向实时服务器
<form action="https://service.cdn-app.com/contact-form.php" method="get">
然后使用回发以 AJAX 或 JSON 格式提交感谢页面,这样就不会提示用户离开应用程序。
或者更新 - 更简单的方法就是像这样做按钮
<input type="button" onclick="submit()" value="submit contact"/>
然后在您的 jQuery 上,您可以执行他们的操作(他们不会离开您的应用程序,您可以用感谢等触发替换 div)
// 启动 jQuery 表单流程引擎
jQUERY 示例
$.post('https://service.cdn-app.com/contact-form.php', {
// These are the names of the form values
FirstName: $('#FirstName_input').val(),
LastName: $('#LastName_input').val(),
Email: $('#Email_input').val(),
MessageText: $('#MessageText_input').val()
// HTML function
}, function (html) {
// Place the HTML in a astring
var response=html;
// PHP was done and email sent
if (response=="success") {
alert("Message sent!");
} else {
// Error postback
alert("Sorry please fill all fields!");
return false;
}
});
PHP 示例
<?php
// VARS
$FirstName=$_GET["FirstName"];
$LastName=$_GET["LastName"];
$Email=$_GET["Email"];
$MessageText=$_GET["MessageText"];
$Headers = "From:" . $Email;
//VALIDATION
if(
$FirstName=="" ||
$LastName=="" ||
$Email=="" ||
$MessageText==""
) {
echo "Error";
} else {
mail("youradmin@cdn.com","mobile app message",$MessageText, $Headers);
echo "Success";
}
?>