Javascript 自定义sweetalert2输出原始json

如果注册成功或失败，我想显示一条sweetalert消息（我在jquery文件中编写了sweetalert代码），并将其包含在注册视图页面中（它包含在所有页面扩展的master.blade.php中），但不显示sweetalert错误或成功消息，它一直显示解析的json格式消息

这些是创建的文件

自定义_file.js

$(document).ready(function () {

    var form = $('#registration');

    form.submit(function (e) {
        e.preventDefault();

        $.ajax({
                url: form.attr('action'),
                type: "POST",
                data: form.serialize(),
                dataType: "json"
            })
            .done(function (response) {
                if (response.success) {
                    swal({
                        title: "Hi " + response.name,
                        text: response.success,
                        timer: 5000,
                        showConfirmButton: false,
                        type: "success"
                    });

                    window.location.replace(response.url);

                } else {
                    swal("Oops!", response.errors, 'error');
                }
            })
            .fail(function () {
                swal("Fail!", "Cannot register now!", 'error');
            });
    });

registration.blade.php文件

@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="panel panel-default">
                    <div class="panel-heading">AJAX Register</div>
                    <div class="panel-body">
                        <form class="form-horizontal" id="registration" method="POST" action="{{ url('users/register') }}" data-parsley-validate="">
                            {!! csrf_field() !!}

                            <div class="form-group">
                                <label class="col-md-4 control-label">Name</label>

                                <div class="col-md-6">
                                    <input type="text" class="form-control" name="name" id="name" required="">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-4 control-label">E-Mail Address</label>

                                <div class="col-md-6">
                                    <input type="email" class="form-control" name="email" id="email" required="">

                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-4 control-label">Password</label>

                                <div class="col-md-6">
                                    <input type="password" class="form-control" name="password" id="password" required="">

                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-4 control-label">Confirm Password</label>

                                <div class="col-md-6">
                                    <input type="password" class="form-control" name="password_confirmation" id="password_confirmation" data-parsley-equalto="#password" required="">
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-6 col-md-offset-4">
                                    <button type="submit" class="btn btn-primary ladda-button" data-style="expand-left" data-size="s" data-color="green">
                                        <i class="fa fa-btn fa-user"></i> Register
                                    </button>
                                    <a href="{!! asset('login/facebook') !!}"> <div class="btn btn-md btn-primary ladda-button" data-style="expand-left" data-size="s" data-color="blue"> <i class="fa fa-facebook"></i> Login with Facebook </div></a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

下面是一些测试代码：

index.php

<!DOCTYPE html>
<html>
<head>
  <title>SweetAlert2 test</title>
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.5/sweetalert2.min.css">
</head>
<body>
  <form id="myForm" method="post" action="ajax.php">
    <input type="text" name="uname">
    <input type="submit" value="Submit">
  </form>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.5/sweetalert2.min.js"></script>
  <script>
    $(document).ready(function () {

      var form = $('#myForm');

      form.submit(function (e) {
        e.preventDefault();

        $.ajax({
            url: form.attr('action'),
            type: "POST",
            data: form.serialize(),
            dataType: "json"
          })
          .done(function (response) {
            if (response.data) {
              swal({
                title: "Message",
                text: response.data,
                timer: 5000,
                showConfirmButton: false,
                type: "success"
              })
              .then(function() {}, function() {
                // redirect after alert has been displayed
                window.location.replace("https://google.com");
              });
            } else {
              swal("Oops!", "Registration error!", 'error');
            }
          })
          .fail(function () {
            swal("Fail!", "Network/Server error!", 'error');
          });
      });
    });
  </script>
</body>
</html>

<?php
  $user = isset($_POST['uname']) ? $_POST['uname'] : "Anonymous";
  $myJson = ["data" => "Hi " . $user . "! Thank you for joining us!"];
  echo(json_encode($myJson));

甜味剂2试验
$（文档）.ready（函数（）{
变量形式=$（“#myForm”）；
表格提交（功能（e）{
e、 预防默认值（）；
$.ajax({
url:form.attr（'action'），
类型：“POST”，
数据：form.serialize（），
数据类型：“json”
})
.完成（功能（响应）{
if（response.data）{
游泳({
标题：“信息”，
文本：response.data，
计时器：5000，
showconfixton:false，
类型：“成功”
})
.then（函数（）{}，函数（）{
//显示警报后重定向
window.location.replace（“https://google.com");
});
}否则{
swal（“Oops！”、“注册错误！”、“错误”）；
}
})
.fail（函数（）{
swal（“失败！”，“网络/服务器错误！”，“错误”）；
});
});
});

ajax.php

<!DOCTYPE html>
<html>
<head>
  <title>SweetAlert2 test</title>
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.5/sweetalert2.min.css">
</head>
<body>
  <form id="myForm" method="post" action="ajax.php">
    <input type="text" name="uname">
    <input type="submit" value="Submit">
  </form>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.5/sweetalert2.min.js"></script>
  <script>
    $(document).ready(function () {

      var form = $('#myForm');

      form.submit(function (e) {
        e.preventDefault();

        $.ajax({
            url: form.attr('action'),
            type: "POST",
            data: form.serialize(),
            dataType: "json"
          })
          .done(function (response) {
            if (response.data) {
              swal({
                title: "Message",
                text: response.data,
                timer: 5000,
                showConfirmButton: false,
                type: "success"
              })
              .then(function() {}, function() {
                // redirect after alert has been displayed
                window.location.replace("https://google.com");
              });
            } else {
              swal("Oops!", "Registration error!", 'error');
            }
          })
          .fail(function () {
            swal("Fail!", "Network/Server error!", 'error');
          });
      });
    });
  </script>
</body>
</html>

<?php
  $user = isset($_POST['uname']) ? $_POST['uname'] : "Anonymous";
  $myJson = ["data" => "Hi " . $user . "! Thank you for joining us!"];
  echo(json_encode($myJson));

---

您能给出输出的原始json的概念，以及输出是否处于SweetAlert模式吗？一张截图就可以了！是否已添加您的SweetAlert正在工作的像素？从屏幕截图上看，您的PHP代码似乎运行良好。检查控制台，查看SweetAlert是否存在任何错误。另外，请尝试在不使用所有其他代码的情况下运行SweetAlert，以查看它是否正常工作。它在不使用其他代码的情况下工作。我来检查控制台