Question

我有一个下拉列表

<select onchange="alert(this.value);">
                    <option selected="selected" value="cat">cat</option>
                    <option value="dog">dog</option>
</select>

我想这样做，以便当用户更改值时，然后将AJAX调用发送到我的MVC控制器，然后更新数据库。

我用表单完成了这个，但从来没有使用过javascript。有没有人有一个如何做到这一点的例子。

感谢，

Answer 1

如果您使用的是jQuery：

<select id="category" name="category">
    <option selected="selected" value="cat">cat</option>
    <option value="dog">dog</option>
</select>

然后：

$(function() {
    $('#category').change(function() {
        $.post('/home/save', { selectedCategory: $(this).val() }, function(result) {
            alert('success');
        });
    });
});

将向以下操作发送AJAX请求：

[HttpPost]
public ActionResult Save(string selectedCategory)
{
    // TODO: process the selected category
    return Json(new { success = true });
}

如何从Javascript调用Ajax？

1 个答案: