laravel-5 - Api 有解码数据但不能以形式工作
问题描述
这是我的 create.blade.php 文件,其中包括 ajax 函数 API 和 HTML 标记代码。
@extends('layouts.app')
@section('content')
<link rel="stylesheet" href="http://www.codermen.com/css/bootstrap.min.css">
<script src="http://www.codermen.com/js/jquery.js"></script>
<form enctype="multipart/form-data" method="post" action="{{route('post.store')}}" >
@csrf
<div class="form-group col-md-8">
Category<select name="category" id="category" class="form-control">
<option>select</option>
@foreach($categories as $category)
<option value="{{$category->id}}">{{$category->category}}</option>
@endforeach
</select>
</div>
<div class="form-group col-md-8">
Category<select name="subcategory" id="subcategory" class="form-control">
<option>select</option>
@foreach($subcategories as $subcategory)
<option value="{{$subcategory->id}}">{{$subcategory->subcategory}}</option>
@endforeach
</select>
</div>
</form>
<script type="text/javascript">
$(document).ready(function() {
$('#category').change(function(){
var categoryID = $(this).val();
if(categoryID){
$.ajax({
type:"GET",
url:"{{url('/api/getSubcategory/')}}/"+categoryID,
success:function(res){
if(res){
$("#subcategory").empty();
$("#subcategory").append('<option>Select</option>');
$.each(res,function(key,value){
$("#category").append("<option value='"+key+"'>"+value+"</option>");
});
}else{
$("#subcategory").empty();
}
}
});
}else{
$("#subcategory").empty();
}
});
</script>
@endsection
这是我的控制器代码,其中包括创建函数和 getSubcategory 函数
public function create(){
$categories = Category::all();
$subcategories = Subcategory::all();
return view('post.create', compact('categories', 'subcategories'));
}
public function getSubcategory(Request $request){
$id = $request->id;
$subcategories = Subcategory::where('category_id',$id)->select
('Subcategory','id')->get();
{{ dd(json_decode($subcategories, true)); }}
// return view('post.create')->with('subcategories', json_decode($subcategories, true));
}
这是我的 web.php
Route::get('/post/create', 'PostController@create')->name('post.create');
Route::get('api/getSubcategory/{id}', 'PostController@getSubcategory' );
解决方案
改变
$subcategories = Subcategory::where('category_id',$id)->select
('Subcategory','id')->get();
到
$subcategories = Subcategory::where('category_id',$id)->select
('Subcategory','id')->pluck('subcategory', 'id');
然后
return json_encode($subcategories);
可能需要在您的 ajax 成功函数中对其进行解码 - 两者都尝试。
推荐阅读
- python-3.x - 使用 for loop .splitlines 循环将键和值添加到字典
- amazon-web-services - 无法使用 SSH 进入我的 EC2 实例,公钥有问题
- java - 反应流问题
- google-maps - 与谷歌地图插件和自定义图标一起使用的 Flutter FutureBuilder 使屏幕在开始时闪烁为黑色
- java - 构造函数不能应用于带参数的构造函数的给定类型
- ios - Swift,tableview 没有被填充
- javascript - 为什么我得到索引二的回报?
- c# - 如何构建动态命令对象?
- javascript - HTTP Obserables 到 Async-Pipeable Observable 的数组
- kotlin - Koltlin 1.3.61 - 多平台项目 - 无法在 jvmTests 中运行 java 测试