表单提交后怎么保存输入的文本,不清空


    var start = $("#start").val(); // 获取开始时间的值
    var end = $("#end").val(); // 获取结束时间的值
    var username = $("#username").val(); // 获取负责人
    var skuf = $("#skuf").val(); // 获取父SKU
    var chanpinxian = $("#chanpinxian").val(); // 获取产品线
    var data = {
        start: start, // 开始时间
        end: end, // 结束时间
        username: username,
        skuf: skuf,
        chanpinxian: chanpinxian
    };
    $.ajax({
        url: "Sku_Make_upTUUS", // 要提交到的URL
        method: "POST", // HTTP请求方法
        data: JSON.stringify(data), // 将参数对象序列化为JSON字符串
        contentType: "application/json; charset=utf-8", // 告诉服务器发送的数据是JSON类型的
        dataType: "json" // 告诉jquery服务器返回的数据是JSON类型的
    }).done(function(response) {
        // 成功的回调函数
    }).fail(function(xhr, textStatus, errorThrown) {
        // 失败的回调函数
    });
<form class="layui-form layui-col-space5">
                        <div class="flex">
                            <div id="pie" ,align ="center"></div>
                            <div id="lineBar"></div>
                        </div>
                        <div class="layui-inline layui-show-xs-block">
                            <input class="layui-input"  autocomplete="off" placeholder="开始日" name="indat" id="start">
                        </div>
                        <div class="layui-inline layui-show-xs-block">
                            <input class="layui-input"  autocomplete="off" placeholder="截止日" name="indatend" id="end">
                        </div>

TEXT输入文本,提交之后TEXT里的文本消失了,怎么不让他消失

你要是习惯跟gpt对话那挺无语的

要阻止表单提交后文本框内容消失,您可以使用event.preventDefault()方法来阻止表单的默认行为。在提交事件的处理程序中添加此方法,使其在表单提交时阻止页面刷新和文本框内容消失。

以下是一个示例代码片段,演示如何使用event.preventDefault()来阻止表单提交后文本框内容消失:

// 表单提交事件处理程序
$("form").submit(function(event) {
  event.preventDefault(); // 阻止表单的默认行为
  
  var start = $("#start").val(); // 获取开始时间的值
  var end = $("#end").val(); // 获取结束时间的值
  var username = $("#username").val(); // 获取负责人
  var skuf = $("#skuf").val(); // 获取父SKU
  var chanpinxian = $("#chanpinxian").val(); // 获取产品线
  var data = {
    start: start, // 开始时间
    end: end, // 结束时间
    username: username,
    skuf: skuf,
    chanpinxian: chanpinxian
  };
  
  $.ajax({
    url: "Sku_Make_upTUUS", // 要提交到的URL
    method: "POST", // HTTP请求方法
    data: JSON.stringify(data), // 将参数对象序列化为JSON字符串
    contentType: "application/json; charset=utf-8", // 告诉服务器发送的数据是JSON类型的
    dataType: "json" // 告诉jquery服务器返回的数据是JSON类型的
  }).done(function(response) {
    // 成功的回调函数
  }).fail(function(xhr, textStatus, errorThrown) {
    // 失败的回调函数
  });
});

在上述代码中,event.preventDefault()方法被添加到表单提交事件处理程序的开头。这样,当用户点击提交按钮时,页面不会刷新,文本框内容也不会消失。