gpt4 book ai didi

javascript - JQuery 和高级 JavaScript

转载 作者:行者123 更新时间:2023-12-03 08:54:49 27 4
gpt4 key购买 nike

我试图通过单击“获取名称”按钮从数据库自动获取输入框中的值。我怎样才能实现它...?

我迄今为止的工作如下...

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){


var n = $("#div2").load("getTotal.html #p1").val();
$("#div2").val(n);
});
});
</script>
</head>
<body>

<input type="text" id="div2" value=""/>
<button>Get Name</button>

</body>
</html>

和 getTotal.html 页面内容...

<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">John D. Feller</p>

这样做......我收到错误“[object,Object]”。

帮我解决这个错误并建议我如何从数据库中获取值。

最佳答案

代码中的问题:

1) $("#div2").load(...) 没有多大意义,因为它告诉 jQuery 将 URL 的内容拉取为 的 HTML 内容#div2。这里的 #div2 是一个不应该包含 HTML 内容的输入。 http://api.jquery.com/load/

2) 您可能只想使用 getTotal.html #p1 加载 #p1 的内容,但此语法不会按您的预期工作。 jQuery只能提取getTotal.html的完整内容,那么你需要从中提取#p1的内容。

假设getTotal.html页面与您的主页在同一目录中,JS代码可以修改为:

$(document).ready(function(){
$("button").click(function(){
$.get("getTotal.html", null, function(text) {
$("#div2").val($(text).filter("#p1").html());
});
});
});

关于javascript - JQuery 和高级 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32553995/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com