通过Ajax、JSON、JQuery更改嵌入的Youtube视频

我有一个JQuery使用的工作Ajax，并且正在通过JSON响应更改页面上列出的内容

它与文本完美结合，但是，现在我计划使用相同的代码，但在显示mpg的地方显示一个视频。但是，它只是显示来自youtube的嵌入代码的文本

获取JSON响应的Html页面：

 $(document).ready(function()
    {
            $("#submitbutton").click(function()
            {
                    $.ajax(
                    {
                            url: "https://example.com/jsonServer.php",
                            type: "GET",
                            dataType: "jsonp",
                            jsonp: "callback",
                            data: { carselection: $("#carselection").val()},
                            success: function(data)
                            {
                                    if(data.name == "error")
                                    {
                                            $("#outputcarname").text("There is no such car available"),
                                            $("#price").text(" "),
                                            $("#mpg").text(" ");
                                    }
                                    else
                                    {
                                            $("#outputcarname").text(data.name),
                                            $("#price").text(data.price),
                                            $("#mpg").text(data.mpg);
                                    }
                            },
                            error: function()
                            {
                                    $("#outputcarname").text("There is a problem with the server"),
                                    $("#price").text(" "),
                                    $("#mpg").text(" ");
                            }
                    });
            return false;


 });
});
</script>

$（文档）.ready（函数（）
{
$（“#提交按钮”）。单击（函数（）
{
$.ajax(
{
url:“https://example.com/jsonServer.php",
键入：“获取”，
数据类型：“jsonp”，
jsonp：“回调”，
数据：{carselection:$（“#carselection”）.val（），
成功：功能（数据）
{
如果（data.name==“错误”）
{
$（“#outputcarname”）.text（“没有这样的车可用”），
$（“#价格”）。文本（“”），
$（“#mpg”）.text（“”）；
}
其他的
{
$（“#outputcarname”）.text（data.name），
$（“#价格”）.text（data.price），
$（“#mpg”）.text（data.mpg）；
}
},
错误：函数（）
{
$（“#outputcarname”）.text（“服务器有问题”），
$（“#价格”）。文本（“”），
$（“#mpg”）.text（“”）；
}
});
返回false；
});
});

JSON服务器：

*请注意，我已经用youtube上的嵌入代码直接替换了其中一个mpg，而且，这个嵌入代码的显示与mpg区域中的显示完全相同

  <?php

    $cars = array('Maxima' => array('price' => '$32,780', 'mpg' => '24'),
                  'Prius' => array('price' => '$25,565', 'mpg' => '49'),
                  'Element' => array('price' => '$22,075', 'mpg' => '<iframe width="560" height="315" src="http://www.youtube.com/embed/enXTiYWQl-0" frameborder="0" allowfullscreen></iframe>'));

    if(array_key_exists($_GET['carselection'], $cars))
    {
            $carname = $_GET['carselection'];
            $results = array('name' => $carname, 'price' => $cars[$carname]['price'], 'mpg' => $cars[$carname]['mpg']);
    }
    else
    {
            $results = array('name' => 'error');
    }

    $callback = htmlentities($_GET['callback'], ENT_QUOTES);
    print $callback . '(' . json_encode($results) . ')';
    ?>

更改此选项：

$("#mpg").text(data.mpg);

致：

.text（）
将字符串视为文本

.html（）
将字符串视为html

有时候就是这么简单！非常感谢！
$("#mpg").html(data.mpg);