PhoneGap的接觸形式沒有結束PHP工作

Question

I'm有一個非常奇怪的問題

I'm使用PhoneGap的把它編譯成一個原生應用HTML5構建一個移動應用程序。

裏面的應用程序是一個聯繫表單，我不能讓它工作。我試過了我能想到的一切。但每次我提交表單時，我都會在屏幕上收到php部分的代碼。 很明顯，該應用程序在瀏覽器上工作得很好，但不在我的iphone上。

我甚至嘗試過使用iframe並在那裏添加表單，結果相同。

所以我的問題是。我如何添加聯繫人的形式（需要發送用戶信息給客戶的電子郵件），我的應用程序內

任何幫助將高度讚賞

感謝

Answer 1

你的結構應該是這樣的，如果這樣做全面的方法（通過鈦/ 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"; 
    } 
?>