javascript - Ajax，只发送值不显示页面

Question

我有两个包含 php 和 html 的文件。这是我的 A.php 文件中的基本信息

<div class="col-md-8">
  <input type="email" class="form-control" placeholder="Ingresar Número de Nota" id="idnote" name="idnote">
</div>
<button type="button" class="btn btn-primary" id="notes">Enviar</button>

当用户点击按钮时，它会调用js中的函数。

$(document).ready(function() { 
    var formData = {
        'id'         : $('input[name=idnote]').val()
    };
    $.ajax({
        type         : 'POST',
        url          : '../consults/findnote.php',
        data         : formData,
        dataType : 'json',
        encode   : true
    })
        .done(function(data) {
            //Going to findnote.php and keeping formData
            //This findnote.php contains a completely different design but I need the first value to make some changes for the user. 
        })

    });
});

问题是，在ajax之后，我的网页不会去findnote.php只是发送值，而我需要显示findnote.php我知道我是否使用

event.preventDefault();

Ajax 将阻止重新加载，但我没有使用它。

有办法吗？创建 window.location 后如何保留值？ (因为如果我在成功调用后调用该文件，我会丢失该值)我应该只尝试使用 php 吗？ (这是一个选项)

Answer 1

为什么不做纯 HTML ？

<form action="../consults/findnote.php" method="POST">
    <div class="col-md-8">
       <input type="email" class="form-control" placeholder="Ingresar Número de Nota" id="idnote" name="id">
    </div>
    <button type="submit" class="btn btn-primary" id="notes">Enviar</button>
</form>

刚刚添加了表单标签并编辑了输入的名称，使其符合您的函数结果。

“问题是，在ajax之后，我的网页不会找到findnote.php，只是发送值”这基本上就是 ajax 的用途:)

使用ajax，如果您愿意，您可以将结果附加到当前页面(您没有在代码中添加。只是发送数据)。

使用表单标记的另一种解决方案(上面的解决方案)将结果加载为新页面，就像经典链接一样。