Question

这是我第一次在这里发帖，我是初学者编码器，所以请耐心等待我。我想使用JSONified信息将一个youtube网址保存到我的mysql数据库，一旦用户输入了一个youtube视频网址，它就会将其保存到数据库并向我的页面显示播放器，视频标题，上传器等。但我希望它不刷新，只是停留在用户上传视频而不是滚动回首页的完全相同的位置。任何帮助将不胜感激，谢谢。

    <form name="input" action ="vid.php" method="POST" style="margin-top:25px;" id="tag2" onsubmit="vidSubmit();">
    <input type="text" id="demo" name="vidtext" placeholder="Paste a YouTube Video URL here to add another another video!" class="span6" value="" required/>
    <?php
    echo '<input type="text" name="vidinvisible" value="'.$_GET["preview"].'" style="display:none;">';echo '</input>'; 
    ?>
    <input type="submit" name="videobtn" class="btn" style="margin-top:-10px; width:122px;" onclick="changeVideo()"/>
    </form>

我上面的表单的javascript;

        function vidSubmit()
        $.ajax({  
      type: "POST",  
      url: "vid.php",  
      data: dataString,  
      success: function() {  
        //display message back to user here  
      }  
    });

这是我的vid.php;

            $con=mysql_connect("localhost","root","");

            // Check connection
            if (mysqli_connect_errno($con))
            {
            echo "Failed to connect to MySQL: " . mysqli_connect_error();
            }

            mysql_select_db("gbase") or die(mysql_error());


if(isset($_POST['videobtn']))
{
$videos     = $_POST['vidtext'];
$vidhidden  = $_POST['vidinvisible'];

$result = mysql_query("INSERT INTO `gvideos`(`game_videos`, `preview_hidden`) VALUES ('".$videos."', '".$vidhidden."')");
//$row = mysql_fetch_assoc($show);

    if($result==true)
    {
        header('Location:game.php?preview='.$vidhidden.'');
    }
    else
    {
        header('Location:game.php?preview='.$vidhidden.'');
        echo "Something went wrong. Don't ask me.";
    }


}

再次感谢您的帮助，抱歉新手编码。

提交表单时阻止页面刷新

0 个答案: