1

我目前创建了一个表单,它将获取 youtube 链接并解析/正则表达式提取 ID。该功能通过单击按钮执行,然后打印URL. 有没有办法让它显示ID没有按钮点击和页面刷新?例子

if(isset($_POST['ytinput'])){

function getYoutubeId($sYoutubeUrl) {

    # set to zero
    $youtube_id = "";
    $sYoutubeUrl = trim($sYoutubeUrl);

    # the User entered only the eleven chars long id, Case 1
    if(strlen($sYoutubeUrl) === 11) {
        $youtube_id = $sYoutubeUrl;
        return $sYoutubeUrl;
    }

    # the User entered a Url
    else {

        # try to get all Cases
        if (preg_match('~(?:youtube\.com/(?:user/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\.be/)([^"&?/ ]{11})~i', $sYoutubeUrl, $match)) {
            $youtube_id = $match[1];
            return $youtube_id;
        }
        # try to get some other channel codes, and fallback extractor
        elseif(preg_match('~http://www.youtube.com/v/([A-Za-z0-9\-_]+).+?|embed\/([0-9A-Za-z-_]{11})|watch\?v\=([0-9A-Za-z-_]{11})|#.*/([0-9A-Za-z-_]{11})~si', $sYoutubeUrl, $match)) {

            for ($i=1; $i<=4; $i++) {
                if (strlen($match[$i])==11) {
                    $youtube_id = $match[$i];
                    break;
                }
            }
            return $youtube_id;
        }
        else {
            $youtube_id = "No valid YoutubeId extracted";
            return $youtube_id;
        }
    }
}


 print 'Result: ' . getYoutubeId($_POST['ytinput']);

}


?>


<form action="" method="POST">
    <input type="text" name="ytinput" value="<? $sYoutubeUrl ?>">
    <input type="submit" value="Parsen">
</form>
4

1 回答 1

0

这样做的方法是通过 Javascript 使用 Ajax。

请注意,此解决方案需要使用 jQuery JavaScript 库。见http://jquery.com/

首先,我们需要通过执行以下操作从表单中获取 url:

var sYoutubeUrl = $('input [name="ytinput"]').val();

然后我们需要向您的函数文件发出 Ajax 请求,并获得结果。

$.ajax({
        type: 'get',
        url: '<relative link to function file>/file.php',
        data: 'sYoutubeUrl='+sYoutubeUrl,

        //Catch the result
        success: function(response) {
            //Assign response to a variable
            var youtube_id = response;
            //Display response inside the form
            $('input [name="ytinput"]').val('youtube_id');
        },

    });

这只是一个基本指南,您需要稍微更改您的 php 文件,并将您的表单从 POST 触发表单更改。此外,您还需要将我给您的 JS 放在触发事件中,可能在表单提交上,例如:

$('form').submit(function() {
   //Code above here
});
于 2013-02-10T00:49:49.170 回答