如何在div上显示json响应

如何在div上显示json响应,json,laravel,Json,Laravel,嗨,我试图在div html上显示json响应错误,但不幸的是它没有显示。请帮助我如何显示?谢谢 json响应 {"error":"Email is already taken"} html视图 <div class="wallmasterField"> <div class="form-group"> <input type="e

嗨,我试图在div html上显示json响应错误,但不幸的是它没有显示。请帮助我如何显示?谢谢

json响应

{"error":"Email is already taken"}
html视图

<div class="wallmasterField">
          <div class="form-group">
            <input type="email" class="form-control" placeholder="Your Email" name="email" value="{{ old('email')}}" id="email"required>
            <div id="response"></div>
          </div>
        </div>

将此添加到
中,然后像这样添加:

axios.post(url, {
                  name: name,
                  email: email,
              })
              .then((res) => {
                  if(res.error){
                     $("#response").text(res.error);
                  }

              })
试试这个:

$.post('some.php', {name: name, email: email})
    .done(function(msg){  })
    .fail(function(xhr, status, error) {
        // error handling
    });
另一种方式:

  $(document).ready(function () {
      $("#prospects_form").submit(function (e) {
          e.preventDefault();
          let url = "{{route('home.store')}}";
          var name = $("#name").val();
          var email = $("#email").val();

          $.ajax({
              url:"",data:"name="+name+"&email="+email,type:"post",dataType:"json"
              success: function(msg){
                 alert( "Data Saved: " + msg );
              },
              error: function(XMLHttpRequest, textStatus, errorThrown) {
                 alert("some error");
              }
          }).done((res) => {
                  console.log(res);
          });
      });
  });

即使返回一个错误,它仍然是一个响应。所以移动你的
$(“#响应”).text(err)内部
然后
不,它不工作,我正在重新调整respose json 422,因为您正在将结果记录到控制台,您能将控制台的输出粘贴到这里吗?请从控制台检查不,它不起作用我正在返回响应json 422请共享控制器请检查顶部的控制器由于所有catch(err){console.error(err.response.data.errors);}
$.post('some.php', {name: name, email: email})
    .done(function(msg){  })
    .fail(function(xhr, status, error) {
        // error handling
    });
  $(document).ready(function () {
      $("#prospects_form").submit(function (e) {
          e.preventDefault();
          let url = "{{route('home.store')}}";
          var name = $("#name").val();
          var email = $("#email").val();

          $.ajax({
              url:"",data:"name="+name+"&email="+email,type:"post",dataType:"json"
              success: function(msg){
                 alert( "Data Saved: " + msg );
              },
              error: function(XMLHttpRequest, textStatus, errorThrown) {
                 alert("some error");
              }
          }).done((res) => {
                  console.log(res);
          });
      });
  });