javascript - Laravel 返回渲染的 html View ，不带\r\n -- json

Question

在 ajax 调用后用另一个 html 部分渲染 View 并替换它时，我遇到了一些奇怪的问题。

代码如下所示:

//ajax - Controller 函数

$view = view('renderedData', [

            'test' => $data['test'],
            'unicorn' => $data['unicorn'],
        ])->render();
        return json_encode($view);

//我的 ajax:

function sendData() {
        var test= "test data"
        var dummy = "unicorn whatever" 
        $.ajax({
            type: "post",
            url: "{{ route('ajaxRender') }}",
            data: {'test': test, 'dummy': dummy},
            success: function (data) {
                $('tbody').replaceWith(data)
            }
        }); //end of ajax
    }

renderedData.blade View html:

<tbody>
@foreach($data as $d)
        <tr>
            <td>{{ $c->name }}</td>
            <td>{{ $c->$date }}</td>
            <td>{{ $c->$height }}</td>
        </tr>
@endforeach
</tbody>

( Blade 中完全没有空格或空行)

控制台中的响应如下所示:

"<tbody>\r\n                <tr>\r\n            <td>mydata<\/td>\r\n            <td>mydata<\/td>\r\n            <td>mydata<\/td>\r\n            <td>mydata<\/td>\r\n            <td>mydata<\/td>\r\n        <\/tr>\r\n                                            <tr>\r\n            <td>mydata<\/td>\r\n            <td>mydata<\/td>\r\n            <td>mydata<\/td>\r\n            <td>mydata<\/td>\r\n            <td>mydata<\/td>\r\n        <\/tr>\r\n    <\/tbody>"

我正在用新的替换旧的 tbody 部分。然而，我的表充满了我的数据和那些“\r\n ”，我不知道为什么。如下图所示:

我在 Web 控制台中发现的另一件事是 json html 看起来不错，下面的答案确实有那些“\r\n ...”

我认为“return json_encode($view);”有问题因为如果我尝试“return $view”——我可以看到格式正确的 html。

Answer 1

只需在渲染 View 之前使用preg_replace:

   $view = view('renderedData', [

                'test' => $data['test'],
                'unicorn' => $data['unicorn'],
            ])->render();

   $view = trim(preg_replace('/\r\n/', ' ', $view));

   return json_encode($view);