Как я могу позвонить в Ajax из Javascript?

Question

У меня есть выпадающий список

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

Я хотел бы сделать так, чтобы, когда пользователи изменяли значение, на мой контроллер MVC отправлялся вызов AJAX, который затем обновляет базу данных.

Я сделал это с формами, но никогда из 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 });
}