使用Ajax在頁面加載時提交表單輸入值

Question

我有表單和輸入，我想將其值發送到控制器。我想在頁面加載或使用ajax和jquery刷新當前頁面時發送其值，因為當我在body標簽onload事件中編寫Submit函數時頁面會重新加載。 這是我的代碼：

<form method="post" id="counterForm" name="counterForm">
    @csrf
    <input type="number" name="count" id="count" value="{{ $visit->counts }}">
</form>

腳本代碼：

$(window).load(function(){
                    var n=document.getElementById("count").value;
                    $.ajax({
                        type:'POST',
                        url:'/count',
                        data:n,
                    });
                });

我的控制器文件：

public function count(Request $request)
    {
        $value=($request->count)+1;
        DB::table('visitorcounter')->update(['counts'=>$value]);
    }

那是我的代碼，但是沒有用……謝謝。

Answer 1

您可以使用.submit（）：

將事件處理程序綁定到“提交” JavaScript事件，或在元素上觸發該事件。

您的代碼將像：

$(window).load(function() {

     $('#counterForm').submit(function(){return true;});
});

看看這個例子 ：

$(window).load(function(){
    // this is the id of the form
    var url = "results.php"; // the script where you handle the form input.
    $.ajax({
           type: "POST",
           url: url,
           data:$( "#myformR" ).serialize(),
           dataType: "html", //expect html to be returned                
           success: function (response) {
                $("#prores").html(response);
            }
         });
});

Answer 2

我發現了它……我們可以非常簡單地通過使用一個帶有一個整數列的表和一個DB :: table（'test'）-> increment（'count'）;創建訪問者計數器。 在AppServiceProvider啟動功能中。