我在node.js中有html标记,使用jQuery进行ajax调用,有回调对象data
。
当我在控制台中输出data
时,每件事情都运作良好,但是当我尝试输出到DOM时,我似乎无法将其作为变量引用。
我怎样才能做到这一点?我正确地谈到这个吗?
exports.serve = function(req, res) {
var content = '<html>\
<head></head>\
<script src="http://code.jquery.com/jquery.min.js"></script>\
<script type="text/javascript">\
$(function(){\
$(".ajaxLI a").click(function(){\
var mypost = "abc123";\
$.post( "/ajaxcall?myget=zzz", {mypost:mypost}, function(data){\
//console.log(data);\n\ // << this works
$("body").append("<h1>data</h1>");\n\ // << this does not
//$("body").append("<h1>'+data+'</h1>");\n\ //<< error
});\
return false;\
});\
});\
</script>\
<body>\
<h1>INDEX</h1>\
<ul>\
<li><a href="./index">index</a></li>\
<li class="ajaxLI"><a href="./ajaxcall">ajax</a></li>\
<li><a href="./login?var=123abc">login</a><< variables</li> \
<li><a href="./admin/login">admin_login</a></li>\
<li><a href="./admin/index">admin_index</a></li>\
</ul>\
</body>\
</html>';
res.writeHead(200, {'Content-Type': 'text/html'})
res.end(content);
};
答案 0 :(得分:1)
'data'
字面意思是字符串data
。您必须连接字符串(使用一致的引号):
$("body").append("<h1>" + data + "</h1>");
或者:
$('<h1>', {html: data}).appendTo('body');