jQuery变量作为iframeURL

为什么这个脚本不起作用

$(function() {
    var isbn = $('input').val();
    $('button').click(function() {
        $("#data").html('<iframe height="500" width="1000" src="http://books.google.com/books?vid=ISBN' + isbn + '" />');
    });
});

$（函数（）{
var isbn=$（'input'）.val（）；
$（“按钮”）。单击（函数（）{
$（“#数据”）.html（“”）；
});
});

正如你们所看到的，我正在尝试为一个演示网站做一个非常简单的ISBN查找字段。脚本应该获取输入值并将其插入URL。为什么不起作用

还有，有没有更好的方法来实现这一目标

---

当然，我意识到iFrame是垃圾，但我现在只想让它保持简单。

为什么不通过ajax加载技术加载您想要查看的页面，从而获取html并在元素中显示它：

$(function() {
    var isbn = $('input').val();
    $('button').click(function() {
        $("#data").load('http://books.google.com/books?vid=ISBN' + isbn);
    });
});

---

不清楚何时调用您的代码，但这行代码是：

var isbn = $('input').val();

在页面加载时仅调用一次，而它应位于单击处理程序中：

$('button').click(function() {
    var isbn = $('input').val();
    $("#data").html('<iframe height="500" width="1000" src="http://books.google.com/books?vid=ISBN' + isbn + '" />');
});

$（“按钮”）。单击（函数（）{
var isbn=$（'input'）.val（）；
$（“#数据”）.html（“”）；
});

问题不在于您的代码，而在于您的查询字符串

请修改如下，它应该有效：

var isbn = "1603038159";

        $("#data").html('<iframe height="500" width="600" src="http://books.google.com/books?as_isbn=' + isbn);

var isbn=“1603038159”；
$（“#data”）.html（'什么不起作用？如果您将URL构建为一个单独的变量并事先通知（），它是否会如您所期望的那样显示？您是否从Firebug收到js错误（您使用的是Firebug，对吧；）？到底发生了什么？ISBN是否返回值，或者IFrame指向的url根本没有GET参数？我知道这很明显。谢谢！