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) &nbsp </span>
                    </div>
                </div>
$("#eventID").change(function () {

        });

Ajax request with jquery

我实现了类似的东西,返回的数据是一个具有 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);
                }
            }
        });
    });