gpt4 book ai didi

javascript - 如何在不重新加载或重定向页面的情况下使用 html 中的 php 将文本框的值保存到 .txt 文件?

转载 作者:行者123 更新时间:2023-11-28 04:49:50 24 4
gpt4 key购买 nike

我想在网页上制作一个文本框,该文本框将从用户那里获取一个号码,该号码将保存在一个 .txt 文件中。首先,我在 html 中制作了文本框并制作了一个表格。我创建了一个提交按钮来运行 php 并将其作为表单的操作。此 php 文件包含用于保存数据的代码。但是每当我尝试提交时,html 都会刷新或重定向到 php 文件。但是我需要通过提交按钮保存文本框的值,而不是刷新整个页面。怎么做?以下是 html 的“表单”部分:

<form action="write2file.php" method="GET"/>
Iteration number:<br>
<input type="number" name="iteration_no"/>
<input type="submit" id="save_run" value="Run"/>
</form>

PHP 是:

<?php 
$filename ="noi_RS.txt";
$file = fopen( $filename, "w" );
fwrite( $file, $_GET['iteration_no']);
fclose( $file );
?>

最佳答案

Modified Answer,修复一个值存储为null的错误,

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script>
<script>
function callSubmit(){
var dataset = {"value1": document.getElementById('itnumber').value };

$.ajax({
url: 'write2file.php',
type: 'POST',
data: dataset,
success: function() {
alert('Success');
}
});
}
</script>
</head>
<body>
<form action="" method="GET" onsubmit="callSubmit()">
Iteration number:<br>
<input type="number" name="iteration_no" id="itnumber"/>
<input type="submit" id="save_run" value="Run" />
</form>
</body>
</html>

像这样的 PHP 文件,

<?php 
$text1 = $_POST['value1'];
$filename ="noi_RS.txt";
$file = fopen( $filename, "w" );
//$map = $_POST['iteration_no'];
fwrite( $file, $text1);
fclose( $file );
?>

关于javascript - 如何在不重新加载或重定向页面的情况下使用 html 中的 php 将文本框的值保存到 .txt 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35091117/

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