gpt4 book ai didi

javascript - 如何使用 AJAX 打开 DIV 标记内的 URL?

转载 作者:行者123 更新时间:2023-12-03 11:24:20 25 4
gpt4 key购买 nike

我有以下 php 文件。一个从简单的表单中捕获用户的文本,另一个则回显该文本。文件如下所示..

文件1.php:

<form action="output.php" method="post">

Paste text document: <br><br>

<textarea name="doc" rows="5" cols="50" value="">
</textarea><br><br>

<input type="submit" name="submit" value="submit">
<input type="reset" name="reset" value="Clear">

</form>
<br><br>


<div id="output_area">

</div>

</body>
</html>

输出.php:

<html lang="en">
<head><title>Output</title></head>
<body>

<?php

$doc = $_POST['doc'];

echo $doc;

?>

</body>
</html>

我希望输出显示在 DIV 标记之间,而不是在新页面上加载并显示输出。我希望文本在同一页面上的 DIV 标记之间输出。也许最好的方法是使用 AJAX 在 DIV 标记内显示 output.php,并在用户单击“提交”按钮后输出文本。我如何使用 AJAX 以最基本的方式做到这一点?

最佳答案

您可以使用JQuery ajax功能:

JQuery:

$("form").on("submit", function(event){
event.preventDefault();
$.ajax({
type: "POST",
url: "output.php",
data: { doc: $('#doc').val()}
})
.done(function( data) {
$("#output_area").html(data);
});
});

更改 html:

<textarea name="doc" id="doc" rows="5" cols="50" value=""></textarea>

关于javascript - 如何使用 AJAX 打开 DIV 标记内的 URL?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26986651/

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