Phonegap + Jquery Mobile Android應用程序表單提交

Question

我正在嘗試使用Phonegap和Jquery Mobile在Eclipse Android模擬器中提交表單。我正在尋找提交表格，並有消息顯示錶格已成功提交或未提交。如果我在互聯網瀏覽器上提交表單，php頁面可以正常工作。然而，試圖使用Android模擬器，表單提交永遠不會到達php文件。

下面是我使用的html表單。我已經包含phonegap和jquery腳本。

<form id="myForm" > 
       <div data-role="fieldcontain"> 
        <fieldset data-role="controlgroup" data-mini="true"> 
         <label for="textinput1"> 
          Name 
         </label> 
         <input id="fullnameid" name="fullname" placeholder="" value="" type="text" /> 
        </fieldset> 
       </div> 
       <div data-role="fieldcontain"> 
        <fieldset data-role="controlgroup" data-mini="true"> 
         <label for="textinput2"> 
          E-Mail 
         </label> 
         <input id="emailid" name="email" placeholder="" value="" type="text" /> 
        </fieldset> 
       </div> 
       <div data-role="fieldcontain"> 
        <fieldset data-role="controlgroup"> 
         <label for="textarea1"> 
          Message 
         </label> 
         <textarea id="commentid" name="comment" placeholder="" data-mini="true"></textarea> 
        </fieldset> 
       </div> 
       <h3 id="return"></h3> 
       <button data-theme="b" id="submitid" data-icon="arrow-r" data-iconpos="left" name="submit" type="submit">Submit</button> 

      </form> 

，我使用JavaScript，這是一個AJAX職位是：

<script> 
function onSuccess(data, status) 
    { 
     data = $.trim(data); 
     $("#return").text(data); 
    } 

    function onError(data, status) 
    { 
     // handle an error 
     alert("Error Submitting Form"); 
    }  

    $(document).ready(function() { 
     $("#submitid").click(function(){ 

      var formData = $("#myForm").serialize(); 

      $.ajax({ 
       type: "POST", 
       url: "http://www.dowlingnetworks.com/app/contactscript.php", 
       cache: false, 
       data: formData, 
       success: onSuccess, 
       error: onError 
      }); 

      return false; 
     }); 
    }); 
</script> 

任何幫助將不勝感激。

Answer 1

你不能從android發佈數據到服務器。您正在通過jquery從Web服務器進行跨域請求。您必須提出JSON或JSONP請求才能訪問服務器。請通過鏈接製作一個Request to web server using phonegap jquery mobile。

Answer 2

簡單的方法做跨域調用只是把你的PHP頁面的標題這行：

header("Access-Control-Allow-Origin: *"); 

Answer 3

我有同樣的問題之前。但是，當我使用實際的Android手機作爲我的測試設備時，一切都很順利，無需額外的配置。乾杯!

最好的問候， 易英

Answer 4

您可以控制外部來源是應用程序訪問，在你的[PROJECT_NAME] /res/xml/config.xml設置此：

<access origin="http://[some-external-domain.com]" subdomains="true" /> 

一的文檔位於：

https://build.phonegap.com/docs/config-xml 

注意：一直滾動到底部以查找有關設置的特定部分。