Ajax request with jquery
本文关键字:jquery with request Ajax | 更新日期: 2023-09-27 18:30:52
我有一个下拉列表。下拉列表的值为事件 ID,文本为事件名称。我想根据事件 ID 获取事件。事件应采用 json 格式。我想发出 ajax 请求并以 json 格式获取事件,但我不知道如何发出 ajax 请求。我正在使用 MVC。那是我的下拉列表 html;
<div class="control-group">
<label class="control-label" for="eventname">@(PageResources.event_)</label>
<div class="controls">
<select name="EventID" id="eventID" class="input-xlarge">
@foreach (var item in eventList)
{
<option value="@item.UserEvent.EventID">@item.UserEvent.EventID-@item.UserEvent.Name</option>
}
</select>
<span class="help-inline">@Html.ValidationMessageFor(x => x.EventID)   </span>
</div>
</div>
$("#eventID").change(function () {
});
我实现了类似的东西,返回的数据是一个具有 id 和名称的 json 对象数组,我用它来填充第二个下拉列表。
$("#MyFirstDropdown").on("change", function () {
$.ajax({
url: 'MyUrl',
type: 'GET',
data: { ID: $(this).val() }, //Passing over the the value selected, the action result is expecting and ID parameter passed to it
success: function (data) {
//Clear out the previous elements added
var domContinents = $("#MyOtherDropdown").get(0);
for (var i = domContinents.options.length; i >= 0; i--) {
domContinents.remove(i);
}
//Add new elements from request
for (var i = 0; i < data.length; i++) {
var item = data[i];
var opt = new Option(item.Name, item.Id);
$("#MyOtherDropdown").append(opt);
}
}
});
});