php - 单击“国家/地区”时显示会议无法正常工作
问题描述
我有一个有一些城市的模式。如果用户点击一个城市,那么在#conferences div 中会出现在“城市”列中单击城市的会议。这工作正常。
我的疑问是,如果用户点击国家而不是城市,如何独立于城市获得所有会议,因为如果用户点击国家,结果可以是任何城市。
你知道如何实现吗?
<a value="">Country</a>
在控制台中单击“国家”时,带有“”“”之类的值属性:“ {message: "", "exception: "Symfony\Component\HttpKernel\Exception\NotFoundHttpException",…}" in file "/Illuminate/Routing/RouteCollection.php
”。
ConferenceController 方法获取点击城市的会议:
public function getConferencesOfCity($slug)
{
$conferences = Conference::whereCity($slug)->get();
return response()->json($conferences);
}
城市链接出现的模态:
<div class="modal-body">
<div class="container">
<ul class="modal-list row">
<li class="col-lg-4 col-md-6 col-sm-12">
<a class="" name="" id="" value="">Country</a>
</li>
@foreach($cities as $city)
<li class="col-lg-4 col-md-6 col-sm-12">
<a class="" name="city" id="{{$city}}">{{$city}}</a>
</li>
@endforeach
</ul>
</div>
</div>
路线:
Route::get('conferences/where/city/{slug}','ConferenceController@getConferencesOfCity')->name('city.conferences');
jQuery ajax 请求:
$("a[name='city']").on('click', function(){
$('#showCities').html($(this).text());
var city = $(this).attr("id");
$.ajax({
url: '{{ route('city.conferences',null) }}/' + city,
type: 'GET',
success:function(result){
console.log(result)
$('#conferences').empty();
var newConferences='';
var placeholder = "{{route('conferences.show', ['id' => '1', 'slug' => 'demo-slug'])}}";
$.each(result, function(index, conference) {
$('#modal2').modal('hide');
var url = placeholder.replace(1, conference.id).replace('demo-slug', conference.slug);
newConferences += '<div class="col-12 col-sm-6 col-lg-4 col-xl-3 mb-4">\n' +
' <h5 class="card-title">'+conference.name+'</h5>\n' +
<p class="card-text font-size-sm">'+conference.city+'</p>\n' +
' </div>\n';
});
$('#conferences').html(newConferences);
},
error: function(error) {
console.log(error.status)
}
});
});
解决方案
推荐阅读
- python - 读取字段中包含逗号的 CSV 并使用 python/Import csv 将值写入新 csv
- php - 使用 Laravel 在服务器上下载图像不起作用
- python-3.x - 标签中的 Python 3 Tkinter 自定义字体
- influxdb - 在 Platfrom.sh 上访问 InfluxDB
- javascript - React Native CouchDB/pouchDB 应用程序在发布 apk 中不起作用
- android - 裁剪使用毕加索获取的图像?
- html - CSS:我想创建带有渐变颜色系统的加载器
- android-studio - 在 Android Studio 3.6+ 中默认设置 XML 拆分视图?
- postgresql - 函数不在游标中重新运行查询
- amazon-web-services - AWS Lambda $LATEST 版本的定义