从URL抓取值,无需刷新页面或单击按钮

时间:2013-02-10 00:22:06

标签: php javascript jquery ajax

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

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>

1 个答案:

答案 0 :(得分: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
});