Mohammad Abdollahi
3 سال پیش توسط Mohammad Abdollahi مطرح شد
1 پاسخ

ارسال آجاکس فرم و بدون رفرش شدن صفحه

سلام دوستان
من یک تابع دارم به شکل زیر :

   public function athenticate2_send(Request $request)
    {
        $id = Session::get('id');
        $normal = Normalkar::find($id);
        $patternValues = [
            "name" => "کاربر عزیز",
            "verification-code" =>"$normal->activate"
        ];
        $apiKey = "eJ-7cVVIZzg7wZ44sdfdfde3hQ_o4coiXYBE3A=";
        $client= new Client($apiKey);

        $bulkID = $client->sendPattern(
            "34343423",    // pattern code
            "3000505",      // originator
            "$request->phone",  // recipient
            $patternValues,  // pattern values
        );
        return response()->json(['success'=>'Added new records.']);

    }

و فرم زیر در Blade :

   <table style="width: 100%">
                    <form  name="ss" id="ss">
                        @csrf
                    <tr>
                        <td>
                            <input type="text" class="form-control" id="phone"  name="phone" placeholder="شماره همراه خود را وارد نمایید">
                        </td>
                        <td>
                            <div class="ver-btn" style="height: 10px" id="ersal">
                                <a href="javascript:{}" onclick="document.getElementById('ss').submit();" id="send_cod">ارسال کد</a>

                            </div>
                        </td>
                    </tr>
                    </form>
                </table>

چطوری میتونم به صورت آجاکس فرم رو ارسال کنم و تابع کنترلر رو اجرا کنم و صفحه رفرش نشود و در پایان فقط یک alert نمایش داده شود

@AliValinejad
@mohaligateway
@eniack


ثبت پرسش جدید
Mohammad Abdollahi
@dr.m.abdollahi 3 سال پیش مطرح شد
1

درود
دوستان به نتیجه رسیدم
کد رو میگذارم شاید کمکی باشه برای فرد دیگری که چنین مشکلی داشته باشد
با تشکر


<script type="text/javascript">
        $(document).ready(function () {
            $("#ss").submit(function (event) {
                var formData = {

                    _token: '{{csrf_token()}}',
                    phone: $("#phone").val(),
                };

                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    type: "POST",
                    url: "/athenticate2_send",
                    data: formData,
                    dataType: "json",

                }).done(function (data) {
                    swal("موفق", "کد برای شما ارسال گردید", "success");
                });

                event.preventDefault();
            });
        });

    </script>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام