Question

我有一个html索引页面，上面有一个表单。提交时，信息将被发送到脚本（不在页面上）进行处理。我希望显示发送回网页的已处理数据，但页面已加载。我知道我可以将数据发送到单独的页面，但我不想设置另一个谷歌脚本网络应用程序。

有没有办法在返回脚本函数之前保持div处理？节目？切换？

Answer 1

<form>
    <input name = "a" type="text"/>
    <input name = "b" type="text"/>
    <button>Submit</button>
</form>

在上面的表单中，您可以添加一个on submit事件处理程序并在事件上调用preventDefault（）来停止页面重新加载。然后，您可以对提交URL进行ajax调用，然后对完成的承诺或错误承诺执行操作。

$('form').on('submit', function(e) {
    e.preventDefault();
    console.log($(this).serializeArray());
    $.post('/submit-url',$(this).serializeArray()).done(function(data) {
     //Do something
    }).error(function(data) {
        alert('error');
    });
});

这是一个小提琴https://jsfiddle.net/wa0gje29/

从脚本中获取数据，发送到网页进行显示

1 个答案: