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

Question

我试图将一些数据发布到 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 脚本位于同一文件中:

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

当我加载这个文件时，我的 html 重定向正常，然后对于 search.php 中的某些内容没有任何反应，页面变白，控制台唯一显示的是“资源解释为脚本，但使用 MIME 类型文本/传输” html...”

Answer 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;
    }    
?>

从我的 Angular 来看，这是更好的方法。