我正在使用以下网址http://localhost/npr/public/admin/athletes/test/143
在屏幕上工作在此屏幕上,我实现了以下未找到的动态下拉列表 Ajax 调用:
$(document).ready(function() {
$('select[name="section"]').on('change', function() {
var sectionID = $(this).val();
if(sectionID) {
$.ajax({
url: './getSportPositions'+sectionID,
method: 'get',
//data: {"_token": $('#token').val()},
dataType: "json",
success:function(data) {
$('select[name="position"]').empty();
$('select[name="position"]').append('<option value="">'+ '-- Please choose one --' +'</option>');
$.each(data, function(i, position) {
$('select[name="position"]').append('<option value="'+position.name+'">'+ position.name +'</option>');
});
}
});
}else{
$('select[name="position"]').empty();
}
});
});
路线:
Route::get('getSportPositions{id}','HomeController@getSportPositions');
我也试过:
Route::get('/admin/athletes/test/getSportPositions{id}','HomeController@getSportPositions');
是不是因为调用 URL 中的运动员 ID 为 143?我该如何解决这个呼叫?从错误看来,它正在尝试访问此路由:
Route::get('/admin/athletes/test/{athlete}/', [
'uses' => 'HomeController@testAnAthlete',
'as' => 'admin.test_athlete'
]);
HTML:
<div class="form-group {{ $errors->has('position') ? ' alert alert-danger' : '' }}">
<label for="position" class="col-md-3 control-label">Position in Team</label>
<div class="col-md-6">
<select class="form-control" name="position" id="position">
@if (!$errors->has('position'))
<option selected value> -- select a team first -- </option>
@endif
</select>
</div>
@if ($errors->has('position'))
<span class="help-block">
<strong>{{ $errors->first('position') }}</strong>
</span>
@endif
</div>
当您使用 Ajax 时,您必须获得 url 之类的
var APP_URL = $('meta[name="_base_url"]').attr('content');
也将此添加<meta name="_base_url" content="{{ url('/') }}">
到 head 标签
然后在您可以使用 APP_URL 之后
var url = APP_URL+"/getSportPositions/"+sectionID;
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句