AJAX无法与onsubmit一起使用

Question

我有一个测试网页，在其中将一些文本保存在服务器端的文件中。 有一个脚本通过功能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);
}
?>

问题是什么？

Answer 1

试试看，调用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>

Answer 2

为了防止在AJAX请求完成之前真正提交表单，onsubmit事件处理程序必须返回false。 一种方法是：

<form id="form1" onsubmit="saveFile(); return false;">

要在AJAX请求完成后真正提交表单，请执行以下操作：

xmlhttp.onreadystatechange=function()
{
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
   {
     document.getElementById("form1").submit();
   }
}

AJAX无法与onsubmit一起使用

问题描述

2 个解决方案

解决方案1
2 已采纳 2014-11-20 13:11:07

解决方案2
0 2014-11-20 13:28:12

AJAX无法与onsubmit一起使用

问题描述

2 个解决方案

解决方案1 2 已采纳 2014-11-20 13:11:07

解决方案2 0 2014-11-20 13:28:12

解决方案1
2 已采纳 2014-11-20 13:11:07

解决方案2
0 2014-11-20 13:28:12