gpt4 book ai didi

php - 发送数据后创建 div 的简单 jQuery Ajax 表单

转载 作者:行者123 更新时间:2023-11-30 06:48:11 24 4
gpt4 key购买 nike

编辑:最初我有一个简单的 Ajax 脚本,但它不起作用,后来发现它是某处的一个额外括号。

我已将我的问题更改为以下内容:

1.)我想知道的是如何创建一个额外的 div 以在每次发送值时显示?当然,在不更改容器内的全部内容的情况下,还保留之前已通过相同机制创建的 div。

2.)我要清理服务器上的输入。我会在服务器端回应什么?只是经过清理的数据或 div 内的经过清理的数据 <div>$sanitizeddata</div>

滚动查看我的意思的 html 视觉效果。

注意:我不想用相同的代码开始另一个问题,所以我只是在找出问题所在后相应地编辑了我的问题。 (我向之前的回复者道歉,但似乎没有人发现错误!:P)

<script type="text/javascript">

$(document).ready(function()
{
$("#testform").submit(function(e)
{
$.post("1.php", $(this).serialize(),function(data)
{
$('.result').html(data);});
e.preventDefault();
});
});
</script>

<div id="container" class="result">

<div><p>Some content 1</p></div>

<div><p>Some content 2</p></div>

<div><p>Some content 3</p></div>

//A new DIV is created with callback data (sanitized input) every time something is submitted
by the form.
<div></div>

//A new DIV is created with callback data (sanitized input) every time something is
submitted by the form while preserving previous DIVs already created by Javascript.
<div></div>

<div>
<form id="testform" action="1.php" method="post">
Number: <input type="text" name="num" />
<input type="submit" value="Submit Comment" />
</form>
</div>

</div>

最佳答案

看来您希望页面在启用或不启用 js 的情况下工作。

Try this .

如果我是你,我会重新考虑我的设计,我会把代码分解成单独的文件。这真是一个意大利面条式设计。

<?php
if (array_key_exists('js', $_POST)) {
$js = $_POST['js'];

if (array_key_exists('num', $_POST)) {
$num = $_POST['num'];
echo "<div>$num</div>";
exit();
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Untitled Document</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<!-- <script type="text/javascript" src="./jquery.form.js"></script>-->
<script type="text/javascript">
$(document).ready(function() {
$("#testform").submit(function() {
var serialized = $(this).serialize() + '&js=1';

$.post("1.php", serialized, function(data) {
$('.result').append(data);
});

$('#number_input').val('');

return false;
});
});
</script>
</head>

<body>
<div class="result">
<?php
session_start();
if (array_key_exists('num', $_POST)) {
$numbers = array();
if(array_key_exists('numbers', $_SESSION)) {
$numbers = $_SESSION['numbers'];
}
$numbers[] = $_POST['num'];

foreach($numbers as $num) {
echo "<div>$num</div>";
}

$_SESSION['numbers'] = $numbers;
}
else {
$_SESSION['numbers'] = array();
}
?>
</div>
<div>
<form id="testform" action="1.php" method="post">
<label for="number_input">Number: </label><input id="number_input" type="text" name="num"/>
<input type="submit" value="Submit Comment"/>
</form>
</div>
</body>
</html>

关于php - 发送数据后创建 div 的简单 jQuery Ajax 表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4084525/

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