После обновления браузера не отправлял данные?

Question

[ART4]

Добрый день, кто подскажет, имеется форма с кнопкой отправить, имеется js код.
JS код обрабатывает форму без перезагрузки страницы ajax и отправляет данные через 1 секунду.
JS

$(document).ready(function(){
    $("#form").submit(function() {
        var form_data = $(this).serialize();
        $.ajax({
        type: "POST",
        url: "api.php",
        data: form_data
      }); 
    });
setTimeout(function(){
  $("#button").trigger('click');
}, 1000);
});

Форма сама выглядит вот так:

<form id="form" action="javascript:void(null);" method="post" style="display: none;">
   {assign var="num" value="0"}
  {foreach $purchases as $purchase} 
    <input type="text" name="data1[{$num+1}]" value="{$purchase->variant->sku|escape}">
   {assign var="num" value=$num+1}
 {/foreach} 	
  
   {assign var="num" value="0"}
   {foreach $purchases as $purchase} 
    <input type="text" name="data2[{$num+1}]" value="{$purchase->amount}">
   {assign var="num" value=$num+1}
   {/foreach} 
    <input type="text" name="data3" value="{$order->name|escape}">
    <input type="text" name="data4" value="{$order->phone|escape}">
    <input type="text" name="data5" value="{$order->address|escape}">
    <input type="text" name="data6" value="{$order->comment|escape|nl2br}">
    <input type="text" name="data7" value="{$order->date|time}">
    <input type="submit" id="button" value="Отправить">
</form>

Но есть нюанс, как решить не могу понять.
-- Всё отправляет когда человек сделал действия, но если он захочет ещё раз обновить страницу, то отправляется ещё раз одно и то же.
Вот хочу решить этот вопрос, чтоб после отправки, больше когда он перезагружал страницу, больше не отправлялось. Как подойти к этому вопросу?

Answer 1

[lamer350]

setTimeout(function(){
  $("#button").trigger('click');
}, 1000);

Вы же сами при загрузке документа отправляете форму инициировав клик по кнопке "отправить".

Comments

[ART4]

Да верное, а как сделать чтоб 1 раз было? Просто JS учусь ещё, мозги так дошли. Смысл что мне надо что он отправлял автоматом, но косяк если обновить он ещё раз отправляет, а надо чтоб строго 1 раз.

[lamer350]

ART4, а зачем вам автоматическая отправка?
Если уж десвительно при загрузке страницы вам так важно отправить форму - то используйте localstorage и в какую нибудь переменную запишите любое значение и перед отправкой формы проверяйте есть переменная в localstorage или нет.

[ART4]

lamer350, Для меня это ещё тёмный лес чучуть. А вот такое прокатит? ссылка

[lamer350]

ART4, нет. Почитайте по моей ссылке, там есть примеры добавления и извлечения из localstorage. Простые переменные, просто хранятся на стороне пользователя

[lamer350]

setTimeout(function(){
if (!localStorage.getItem('sendForm')){
$("#button").trigger('click');
localStorage.setItem('sendForm', '1');
}
}, 1000);

В целом где у вас setTimeout сделать можно вот так. Но стоит обратить внимание что отправка будет автоматом только при первом посещения сайта и если у вас на отдельный страницах так же нужна автоматическая отправка при посещении страницы в первый раз - то уже отправка работать не будет.

[ART4]

lamer350, но у меня генерируется она сама по сылке потом
site.by/order/d8cff29371d0a6ba5b25acfe69a216fe
http:///site.by/order/f43b922603cff3aff5c89d8fb6b66710