0

уже всю голову сломал, почему выводит вместо нормального вывода вот такие кракозябры, причем на новой странице {"successful":"\u0421\u043f\u0430\u0441\u0438\u0431\u043e, \u0437\u0430 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435!
\u041c\u044b \u043e\u0442\u0432\u0435\u0442\u0438\u043c \u0412\u0430\u043c \u0441\u043e\u0432\u0441\u0435\u043c \u0441\u043a\u043e\u0440\u043e.</div>"}

Мой контроллер

<?php

namespace App\Http\Controllers;

//use App\Http\Requests\CalcMailRequest;
use App\Http\Requests\CalcMailRequest;
use App\Mail\MailSend;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Mail;

class MailSetting extends Controller
{

    public function sendForm(Request $request, CalcMailRequest $mailRequest)
    //public function send(Request $request, CalcMailRequest $mailRequest)
    {
        $mailData = $request->all();
        // $mail = ['yshliu_lose@inbox.ru'];
        $mail = ['eliseev@gmail.com'];
        Mail::to($mail)->send(new MailSend($mailData));
        return response()->json([
        'successful'=>"<div class='message'>Спасибо, за обращение! <br> Мы ответим Вам совсем скоро.</div>"
        ]);
    }
}


Мой реквест файл

<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;

class CalcMailRequest extends FormRequest
{
    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {
        return true;
    }

    /**
     * Get the validation rules that apply to the request.
     *
     * @return array
     */
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array
     */
    public function rules()
    {
        switch($this->method())
        {
            case 'GET':
            case 'DELETE':
            {
                return [];
            }
            case 'POST':
            {
                return [
                    'height' => 'required',
                    'length' => 'required',
                    'userphone' => 'required',
                    'username' => 'required',
                ];
            }
            default:break;
        }
    }

    public function messages()
    {
        return [
            'height.required' => '* Укажите желаемую высоту забора!',
            'length.required' => '* Укажите желаемую длинну забора!',
            'userphone.required' => '* Вы не указали телефон!',
            'username.required' => '* Укажите Ваше имя!',
        ];
    }
}

Моя форма со скриптом отправки AJAX запроса

<noindex>
<div id="new_form">
    <div class="some-form main-form"> 
    <h3>Моя форма</h3>
        <form method="POST" action="{{route('mail.send-mail')}}" accept-charset="UTF-8" class="my-form uk-form js-form-validate" name="contact_form">
        @csrf

                    <div class="uk-margin some-form__line" style="display:flex">
                        <div class="some-form__line" style="width: 49%; margin-right: 1%;">
                            <input class="uk-input" placeholder="Высота забора, м*" name="height" type="text" id="height" data-validate>
                            <span class="some-form__hint">Обязательно для заполнения</span>
                        </div>
                        <div class="some-form__line" style="width: 49%; margin-left: 1%;">
                            <input class="uk-input" placeholder="Длина забора, м*" name="length" type="text" id="length" data-validate>
                            <span class="some-form__hint">Обязательно для заполнения</span>
                        </div>
                    </div>
                    <div class="uk-margin some-form__line" style="display:flex">
                        <input class="uk-input" style="width: 49%; margin-right: 1%;" placeholder="Количество калиток, шт" name="numberofwicket" id="numberofwicket" type="text">             
                        <input class="uk-input" style="width: 49%; margin-left: 1%;" placeholder="Количество ворот, шт" name="numberofgates" id="numberofgates" type="text">
                    </div>
                    
                    <div class="uk-margin">
                        <input class="uk-input" placeholder="Удалённость от МКАД, км" name="distance" type="text" id="distance">   
                    </div>

                    <div class="uk-margin some-form__line" style="display:flex">
                        <div class="some-form__line" style="width: 49%; margin-right: 1%;">
                            <input class="uk-input" placeholder="Имя *" name="username" type="text" id="username" data-validate>
                            <span class="some-form__hint">Обязательно для заполнения</span>
                        </div>
                        <div class="some-form__line" style="width: 49%; margin-left: 1%;">
                            <input class="uk-input phone_number" placeholder="+7 (___) ___-__-__ *" name="userphone" type="text" id="userphone" data-validate>
                            <span class="some-form__hint">Обязательно для заполнения</span>
                        </div>
                    </div>

                    <div class="uk-margin">
                        <input class="uk-input" placeholder="e-mail" name="useremail" type="text">    
                    </div>
                    <div class="uk-margin uk-grid uk-grid-small">
                        <div class="uk-width-small@s">
                            <input class="btn" value="Отправить" type="submit" id="btn_submit" >
                        </div>
                        <div class="uk-width-expand@s mini_text">
                            Нажимая на кнопку, вы даете согласие на обработку своих персональных данных
                        </div>
                    </div>
                    <input type="hidden" name="page" value="{{ URL::current() }}">
                    <div class='message'></div>
                </form>
    </div>
    </div>
</noindex>



<script type="text/javascript">

$('form').on('submit', function (e) {
    e.preventDefault(); // prevent the form submit
    var url = '{{route('mail.send-mail')}}';
    // create the FormData object from the form context (this),
    // that will be present, since it is a form event
    var formData = new FormData(this); 
    // build the ajax call
    $.ajax({
        headers: {
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
        url: url,
        type: 'POST',
        data: $('.my-form').serialize(),
        success: function (response) {
            // handle success response
            console.log(response.successful);
        },
        error: function (response) {
            // handle error response
            console.log('Не работает');
        },
        contentType: false,
        processData: false
    });
})
2
  • Вообще должно быть, что внизу формы или вместо формы выводиться сообщение об удачной отправке 13 ноя 2020 в 10:48
  • С кодировочкой проблемы... это "Спасибо, за обращение!\nМы ответим Вам совсем скоро."
    – Akina
    13 ноя 2020 в 10:56

3 ответа 3

2

"\u0418\u0432\u0430\u043d\u043e\u0432 \u0418\u0432\u0430\u043d \u0418\u0432\u0430\u043d\u043e\u0432\u0438\u0447" - это не "кодировка", а "коды символов юникода", записанные в восьмибитной кодировке, точнее записан текст "Иванов Иван Иванович".

В json данные записываются в ASCII 0-127. Всё, что не влезает, записывается как коды юникода ("\u0418\u0432\u0430\u043d\u043e\u0432" это "Иванов").

Чтобы их убрать, используйте второй параметр функции json_encode():

json_encode($data, JSON_UNESCAPED_UNICODE);

JSON_UNESCAPED_UNICODE - Не кодировать многобайтные символы Unicode (по умолчанию они кодируются как \uXXXX). Доступно начиная с PHP 5.4.0.

Из ранее заданного вопроса

1

JSON ответ является URI закодированным.

Вообще jQuery автоматически парсит json ответ (по крайней мере 3я версия). Можно в параметрах ajax запроса указать

$.ajax('/ajax-url', {
  // ...
  dataType: 'json', // если этот параметр не указан, то jquery пытается сам определить тип ответа 
}).done(function(res){
  if(typeof res === 'string'){
    res = JSON.parse(res);
  }
  console.log(res);
  $('form').append(res.successful); // добавили в форму ответ
})
0

Спасибо всем за ответы, в принципе все было верно как описали комментаторы выше, но дело оказалось в другом. До меня был написан на чистом JS код с валидацией и отправкой данных и этот код был жестко привязан только к одной форме, следовательно AJAX отправка формы в не происходила и лара не видела JSON просто, писал на JQuery AJAX отправку, но она почему то конфликтовала с JS кодом выше. В итоге в ранее написанном JS коде привязал AJAX к разным формам и все заработало, думаю если бы я писал на JQuery изначально, было бы все проще.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.