试图在查询字符串中传递输入值但是为什么失败？

Question

我在页面中有这个代码。

<input type="text" value="Enter your video URL here..." size="30" class="video_url" />

<input type="button" value="Preview" class="preview_button" />

<div id="preview"></div>

<script type="text/javascript">
(function($) {

    $(".preview_button").click(function(){

        var url = $('.video_url').val();

        $("#preview").load('<?php bloginfo('template_directory'); ?>/templates/preview.php?url=' + url);

    });

}) (jQuery);
</script>

但是在preview.php上，我永远看不到url值。我做错了什么？

Answer 1

您是否尝试过encodeURI？

$("#preview").load('<?php bloginfo('template_directory'); ?>/templates/preview.php?url=' + encodeURI(url));

Answer 2

您是否在同一页面上有另一个元素video_url？我会使用ID，因为类不一定是唯一的。