使用AJAX在Cordova phonegap中加載PHP頁面

我想在android移動應用程序中顯示我的php頁面。我使用cordova，並且在我的項目中添加了一個php頁面，該目錄爲「php/load.php」。我試圖在index.html上顯示這個頁面，我試過這樣但它不起作用。使用AJAX在Cordova phonegap中加載PHP頁面

<button type="submit" onclick="show();">Show it</button> 

<script type="text/javascript"> 
$(document).ready(function() { 
    function show(){ 
      $.ajax({ 
       method: 'GET', 
       url: 'php/load.php', 
       dataType: 'text' 
      }) 
      .done(function(data) { 
        alert(data); 
       }) 
     alert("Pause"); 
    } 
    }); 
}); 
</script>

這是我的PHP文件：

<?php 
$a = "AAAAAAAA"; 
echo $a ; 
?>

來源

2016-03-01 mrtcnkryln

你有你的JavaScript語法的錯誤，很可能導致大部分的問題。看看這個，並試試看。

<script> 
    $(function() { 
     $("#btn_show").on("click", function() { 
      $.ajax({ 
       method: 'GET', 
       url: 'php/load.php', 
       dataType: 'text' 
      }).done(function(data) { 
       alert(data); 
      }); 
     }); 

    }); 
    </script> 
    <button type="submit" id="btn_show" >Show it</button>

來源

2016-03-01 20:26:59 pmahomme

我點擊了按鈕，但它沒有顯示任何東西 – mrtcnkryln

好的，你能發佈你看到的任何錯誤嗎？另外，你是否注意到'id =「btn_show」'添加到按鈕本身？ – pmahomme

四個要點：

聽科爾多瓦deviceready事件
你在你的Ajax請求的網址不是本地的因爲你的設備是它不能是本地沒有服務器運行。所以它必須是這樣的：https://www.example.com/load.php
你必須whitelisten所有的外部來源。
您應該使用https。

來源

2016-03-01 20:34:25 Joerg

我建議在php中使用json_encode函數。例如：

<?php 
$a = "AAAAAAAA"; 
echo json_encode($a) ; 
?>

將返回您可以使用由JavaScript渲染然後穿上這些HTML元素的JSON數組對象。

更改ajax的網址例如：「url：localhost/website/load.php」我認爲它也必須完成以使ajax正常工作。

來源

2016-03-13 12:56:31

使用AJAX在Cordova phonegap中加載PHP頁面

回答

相關問題