Question

我有一个外部PHP，位于托管服务器上。我想要构建的应用程序是使用Cordova，所以我的手机本地存储上有一个HTML。我有一个登录表单，POSTS到外部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>');

本地HTML文件中的外部PHP echo

2 个答案: