javascript - laravel 使用 json 将数据从 Controller 传递到 jquery

标签 javascript jquery laravel

我想使用 json 将数据从 Controller 传递到 jquery 不知道问题出在哪里,但是对于 jquery 代码,我认为它工作正常,因为我测试了成功代码,但无法从 Controller 返回结果

home.blade

    <form role="form" name="form_address" id="form_address" action="" method="POST"  enctype="multipart/form-data">
     {{ csrf_field() }}
  <input type="text" id="postal_code" onFocus="geolocate()">
  <input type="text" id="totaldistance"  onFocus="geolocate()">
 </form>
  <button id="save_address">Save</button>
 <script>
$("#save_address").click(function (e) {
$.ajaxSetup({
    headers: {
         'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
    }
   });

   e.preventDefault();
  var form = document.forms.namedItem("form_address");
  var formData = new FormData(form); 
  $.ajax({
     type: "get",
    url: 'Get_distance',
    contentType: false,
    data: formData, 
    processData: false,
    success: function(data) {
      $('#totaldistance').val(data.distance); 
    }
   });
  });

web.php

Route::post('Get_distance','HomeController@getdistance');

Controller

public function getdistance(Request $request)
{
  $distance =$request->postal_code;

  return Response::json(array(
    'distance' => $distance,  
  ));
}

最佳答案

将您的ajax类型更改为POST,因为您的路由类型是POST,而不是GET

关于javascript - laravel 使用 json 将数据从 Controller 传递到 jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51046121/

相关文章:

javascript - HapiJS——以最大内存运行服务器

javascript - 如何在 Blogger 中匹配并指向数组中的特定数据

javascript - 如何使用 jquery 提取 XML 文档的一部分进行转换 (xslt)?

javascript - jquery .on() 不适用于克隆元素

php - laravel 处理 OPTION http 方法请求

javascript - Bootstrap 3轮播中的排队点击事件

javascript - 如何在 div 上添加 jQuery 框

javascript - 删除标签内的所有内容,但另一个标签jquery

php - Laravel 5.4 是否已完成记录作业的解决方案?

php - 如何在 iOS Swift 3 中像 laravel encrypt() 方法一样加密 AES 256 CBC