本地 HTML 文件中的外部 PHP 回显

Question

我有一个位于托管服务器上的外部 PHP。我要构建的应用程序使用的是 Cordova，所以我的手机本地存储中有一个 HTML。我有一个登录表单，向该外部 php 发布用户的名称和密码。我希望当我点击提交时，留在我的当前页面上，并在<p> 或<h1> 标记中显示表单下方的 PHP 接收到的值。

如果您能帮我解决这个问题，我将不胜感激。

Answer 1

您可以利用 Ajax 从外部文件获取内容/数据到您的视图。

您需要jQuery 才能使用$.ajax()。

//Get form Data
var form_data = $('#form').serialize();

$.ajax({
  url:'http://something.com/dosomthing.php',
  type:'POST',
  data: form_data,
  success:function(data){
    // See what data was returned
    console.log(data); 
    if(data.success == "1"){
      $('#err-element').html("User Authenticated");
      // Fade in new Page
    }else{
      $('#err-element').html("User Not found");
    }
  }
});

最好从后端返回 JSON 对象。

if($user_matches){
  echo json_encode(["success"=>"1", "OtherInfo"=>"Kitty"]);
} 

Answer 2

使用查询或其他方式将数据发布到同一页面，使用 post 或 get 变量将其存储在变量中并附加 javascript。

   //post using query
   $.ajax({
    type: "POST",
    data:{ whatyouwant: yourdata }
   }) 

    //in php 
   $data = $_GET['whatyouwant']; 

   //in javascript 

   data = '<?php echo $data;?>';   // if it's a string or you can use json_encode for arrays and such

    $('#targetDiv').html('<p>'+data+'</p>');