将html表单数据发布到php并通过javascript访问它

时间:2015-04-17 05:20:18

标签: javascript php jquery html forms

我正在尝试将一些数据发布到html表单,然后该表单将数据发送到php,最后javascript从该php获取数据。

这是我的html表单:

<form action="search.php" method='POST'>
    <input id="movie_name" name="movie_name" type="text">
    <input name="myBtn" type="submit" value="Submit Data">
</form>

这是我的php文件,名为search.php:

<?php
if (isset($_POST['movie_name']))
    {
    $movie_name = $_POST['movie_name'];
    echo '<script>', 'hello();', 'var movie = '$movie_name';', '</script>';
    }    
?>

最后我的js脚本与php one在同一个文件中:

function hello(){
    console.log('<?php echo $movie_name?;>');
}

当我加载它时会发生什么,我的html重定向确定然后对于search.php中的一些没有任何反应,页面变为白色,控制台所说的唯一内容是“资源被解释为脚本但是使用MIME类型文本传输/ HTML ...“

2 个答案:

答案 0 :(得分:1)

你究竟想要什么并不清楚。但我建议你像这样使用jQuery ajax:

 <input id="movie_name" name="movie_name" type="text">
 <input id="myBtn" name="myBtn" type="button" value="Submit Data">

 $('#myBtn').click(function(e){
 var movie_name = $('#movie_name').val();
      $.ajax({
               url: "search.php",
               type: "POST",
               data: {
                   'movie_name': movie_name
               },
               beforeSend : function() {
               },
               success : function(response) {
                  console.log(response);
               },
               error : function()
               {                                                
               },
               complete : function() {
               }
          });               
   });
在你的search.php中

<?php
    if (isset($_POST['movie_name']))
    {
        $movie_name = $_POST['movie_name'];
        echo $movie_name;
    }    
?>

从我的观点来看,这是更好的方式。

答案 1 :(得分:0)

这应该有效:

<?php
  if (isset($_POST['movie_name'])){
    $movie_name = $_POST['movie_name'];
  }  
?>

<script type="text/javascript">
  function hello(){
    console.log('<?php echo $movie_name; ?>');
  }
</script>

<?php
  echo '<script> alert("'.$movie_name.'"); hello(); </script>';
?>