مشکل در لوط اطلاعات به کمک jquery

[Iran58]

سلام
من کد زیر را دارم


<div class="collapse show text-center" >
<button id="@items.Id" class="btn btn-link bg-info showList " type="button">
<span>نمایش اطلاعات</span>
</button>
<div></div>
</div>

می خواهم داخل div بعد button اطلاعات را نمایش بدهم و کد زیر را نوشته ام


@section scripts
{
<script>
var a = $(".showList");
a.on("click",
function() {
var id = $(this).attr("id");
var showDiv =
console.log(id);
$.ajax({
url: '@Url.Action("FindUrl", "Test")',
datatype: 'application/json',
data: { id: id }
}).done(function(result) {
$('button+div').html(result);
});
});
</script>
}

اما اجرا نمیشود کدراچگونه باید ویرایش کنم
باتشکر

[nunegandom]

سلام کد قسمت backend چیه؟
من با یه همچین چیزی کار میکنم:
$(function () {AjaxCall('/Home/GetShabakeList', null).done(function (response) {
if (response.length > 0) {
$('#SelectedShabake').html('');
var options = '';
options += '<option value="0">انتخاب شبکه اجتماعی</option>';
for (var i = 0; i < response.length; i++) {
options += '<option value="' + response[i].Value + '">' + response[i].Name + '</option>';
}
$('#SelectedShabake').append(options);
}
});
function AjaxCall(url, data, type) {
return $.ajax({
url: url,
type: type ? type : 'GET',
data: data,
contentType: 'application/json'
});
}
$('#SelectedShabake').on("change", function () {
var shabake = $('#SelectedShabake').val();
var obj = { shabake: shabake };
AjaxCall('/Home/GetMahsulList', JSON.stringify(obj), 'POST').done(function (response) {
if (response.length > 0) {
$('#SelectedMahsul').html('');
var options = '';
options += '<option value="0">انتخاب محصول</option>';
for (var i = 0; i < response.length; i++) {
options += '<option value="' + response[i].Value + '">' + response[i].Name + '</option>';
}
$('#SelectedMahsul').append(options);
}
else {
$('#SelectedMahsul').html('');
var options = '<option value="0">انتخاب محصول</option>';
$('#SelectedMahsul').append(options);
}
ChangeDescription();
});
$('#SelectedService').html('');
var options = '<option limit=0 price=0 value="0">انتخاب سرویس</option>';
$('#SelectedService').append(options);
});
});
public async Task<JsonResult> GetShabakeList() {
var ShabakeList = new List<KeyVal>();
var data = await db.ShabakeTypes.ToListAsync();
foreach (var item in data)
{
ShabakeList.Add(new KeyVal { Value = item.id.ToString(), Name = item.name });
}
return Json(ShabakeList, JsonRequestBehavior.AllowGet);
}
public async Task<JsonResult> GetMahsulList(string shabake)
{
var MahsulList = new List<KeyVal>();
if (!string.IsNullOrWhiteSpace(shabake) && shabake != "0")
{
int id = Convert.ToInt32(shabake);
var data = await db.MahsulTypes.Where(y => y.shabake_id == id).ToListAsync();
foreach (var item in data)
{
MahsulList.Add(new KeyVal { Value = item.id.ToString(), Name = item.name });
}
}
return Json(MahsulList, JsonRequestBehavior.AllowGet);
}

اجکس اولی بدون ارسال پارامتر و اجکس دومی با ارسال پارامتر هست