PHP中使用AJAX时出错

Question

我是新手。我有以下代码：

文件PHP:

<div class="video" id="result"></div>
<script 
  src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
    $.ajax({
        type: 'POST',
        url: 'player.php',
        data: {
            id: 'http://youtube.com/watch?v=fY7RT9_QM1a'
        },
        dataType: 'html',
        success: function(data) {
            $("#result").html(data);
        },
        error: function() {
            alert('error');
        }
    });
</script>

文件PHP:

​

function Demoplugin_jw($link) {
	$Demoplayer .= "
	<script type='text/javascript' src='".plugins_url(
                      'player/Jwplayer7/jwplayer.js', __FILE__)."'></script>
	<div id='jw'></div>
        <script type='text/javascript'>
		jwplayer('jw').setup({
			primary: 'html5',
			width: '100%px',
			height: '100%px',
			aspectratio: '16:9',
			skin: 'bekle',
			sources: ".Demoplugin($link)."
        })
    </script>";
	return $Demoplayer;
}
function Demoplugin($link){
    .....
    ....
    $sources .= {file:"'.$value.'",type:"mp4",label:"'.$key.'"};
    $sources = '['.rtrim($sources, ',').']';
    return $sources;
}

if(isset($_POST['id'])) {
	echo Demoplugin_jw($_POST['id']);
}

​

我要将函数Demoplugin_jw的结果显示给<div id="result">。

但我错了：

alert("error")

Answer 1

这在JavaScript中很容易实现，因为它是JavaScript API。在这里，我们将YouTube v值保存在data属性中。然后将ID分配给持有视频的包装div，并使用该数据作为ID，这样您就可以在一个页面上获得多个视频。

​

$(function() {
  $('.youtube-link').click(function() {
    var wrapper = document.createElement('div');
    wrapper.id = $(this).attr('data');
    $(this).append(wrapper);
    var $sources = {
      file: 'http://youtube.com/watch?v=' + $(this).attr('data'),
      type: 'mp4'
    };
    jwplayer($(this).attr('data')).setup({
      primary: 'html5',
      width: '100%px',
      height: '100%px',
      aspectratio: '16:9',
      skin: 'bekle',
      sources: $sources
    });
  });
  $('.youtube-link').forEach(function($link) {
      $($link.attr('data')).click(function() {
          $(this).remove();
      });
  });
});

.youtube-link {
  background: #efefef;
  padding: 25px;
  margin: 10px;
  cursor: pointer;
  width: 100px;
  border: 1px solid #000;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- todo: add this link -->
<script src="link_to_your_jwPlayer"></script>

<div class="youtube-link" data="JzYRZygjJrI">Watch JzYRZygjJrI</div>
<div class="youtube-link" data="wySpzs5S1Eg">Watch wySpzs5S1Eg</div>

​

这不是经过测试的代码，因为我没有访问jwplayer.js文件的权限。只要你需要的话就改变这个。PS -你将需要添加样式。