gpt4 book ai didi

javascript - AJAX 不适用于提交

转载 作者:行者123 更新时间:2023-11-30 17:10:56 25 4
gpt4 key购买 nike

我有一个测试网页,我在服务器端的文件中保存了一些文本。有一个脚本通过函数 saveFile() 完成所有工作。它在按钮的 onclick 事件上工作正常,但是当我将它设置为表单的 onsubmit 事件时,它进入脚本内部但没有执行 ajax 保存部分。

index.html

<html>
<head>
<script>
function saveFile() {
var xmlhttp=new XMLHttpRequest();
var data = new FormData();
data.append("data" , "teeeexxxxtttt");
xmlhttp.open("POST","ajax.php",true);
xmlhttp.send(data);
}
</script>
</head>
<body>
<form onsubmit="saveFile()" method="post">
<input type="text" name="test"><br>
<input type="submit" value="Submit">
</form>
<button type="button" onclick="saveFile()">Click Me!</button>
</body>

ajax.php

<?php 
if(!empty($_POST['data'])){
$data = $_POST['data'];
$fname = mktime() . ".txt";
$file = fopen($fname, 'w');
fwrite($file, $data);
fclose($file);
}
?>

问题是什么?

最佳答案

试试这个,调用ajax函数需要返回值为true否则不会被调用

<html>
<head>
<script>
function saveFile() {
var xmlhttp=new XMLHttpRequest();
var data = new FormData();
data.append("data" , "teeeexxxxtttt");
xmlhttp.open("POST","ajax.php",true);
xmlhttp.send(data);
return false;
}
</script>
</head>
<body>
<form onsubmit="return saveFile()" method="post">
<input type="text" name="test"><br>
<input type="submit" value="Submit">
</form>
<button type="button" onclick="return saveFile()">Click Me!</button>
</body>

关于javascript - AJAX 不适用于提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27040426/

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