Javascript 动态绑定MetaTag Jquery

Javascript 动态绑定MetaTag Jquery,javascript,jquery,meta-tags,Javascript,Jquery,Meta Tags,大家好,我正在尝试使用Jquery动态绑定内容。我关注了stackoverflow网站上的许多讨论 比如 下面是我的代码。我不知道我哪里做错了,任何帮助都会得到报答 <head> <meta property="og:description" content="sdgds"/> <meta property="og:title" content="sfsfds"/> <meta property='og:image' conten

大家好,我正在尝试使用Jquery动态绑定内容。我关注了stackoverflow网站上的许多讨论 比如

下面是我的代码。我不知道我哪里做错了,任何帮助都会得到报答

<head>
    <meta property="og:description" content="sdgds"/>
    <meta property="og:title" content="sfsfds"/>
    <meta property='og:image' content="http://i1.ytimg.com/vi/v9ao-fGMVz8/maxresdefault.jpg" />
    <meta property='og:video' content="http://abcd.azurewebsites.net/api/Video/?video_id=1" />
     <meta property="og:video:type" content="application/x-shockwave-flash" />
     <meta property="og:video:width" content="1920" />
     <meta property="og:video:height" content="1080" />

    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script>
    $(document).ready(function() {
            var first = getUrlVars()["id"];
            $.ajax({
            type: "Get",
            url: 'http://abcd.azurewebsites.net/api/Video/?video_id=1',
            success: function (data) {  
                alert("Hello");
                var tv_main_channel = $('#tv_main_channel');
                data="http://abcd.azurewebsites.net/Content/movie.mp4";
                tv_main_channel.attr("src", data);
                var video_block = $('#video');
                video_block.load();

                $('meta[name=og\\:description]').attr('content', "This is des");

            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
            console.log(JSON.stringify(XMLHttpRequest));
            }
            });
        });

    function getUrlVars()
    {
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
        }
        return vars;
    }

    </script>




</head>

$(文档).ready(函数(){
var first=getUrlVars()[“id”];
$.ajax({
键入:“获取”,
网址:'http://abcd.azurewebsites.net/api/Video/?video_id=1',
成功:函数(数据){
警惕(“你好”);
var tv_main_channel=$(“#tv_main_channel”);
数据=”http://abcd.azurewebsites.net/Content/movie.mp4";
tv_main_channel.attr(“src”,数据);
var video_block=$('#video');
视频_block.load();
$('meta[name=og\\\:description]).attr('content',“This is des”);
},
错误:函数(XMLHttpRequest、textStatus、errorshown){
log(JSON.stringify(XMLHttpRequest));
}
});
});
函数getUrlVars()
{
var vars=[],散列;
var hashes=window.location.href.slice(window.location.href.indexOf('?')+1).split('&');
for(var i=0;i
您使用的jquery版本不适合这样做。使用更新的版本

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0-rc1/jquery.js"></script>


您知道元标记的作用吗?当页面加载时,浏览器将读取它们,并用于提供通常位于服务器发送的标题中的信息。大多数元标记(如果不是全部的话)在加载后被忽略。我看到你在改变og:meta——我想它是在准备启动一些在启动时可以读取meta标签的东西,比如facebook?如果是这样,您下一步要做什么?下一步是从我的服务器共享视频我的意思是-您的下一步操作是否读取了修改后的元数据?感谢您的快速回复,但它也不起作用。很抱歉,请将选择器更改为:“meta[property=og\\\\:description]”()它可以工作,但当我测试它时,当我在其中测试它时,它仍然会显示旧的内容,这是为什么?这是正确的,因为facebook调试器只检索HTML,不执行任何客户端代码,比如javascript。