How to use AJAX that takes the value of a field for a select and returns to a modal in a partial view?

Question

My code here:

View:

<tbody>
    @for (int i = 0; i < Model.lNaoIncluidos.Count; i++){
      <tr>
        <td style="text-align: center;">
          <span data-toggle="tooltip" data-placement="top" title="Informações do BIC"><i class="fa fa-info-circle btnModal"></i></span>
        </td>

        <td style="text-align: center;">
          <span>@Html.DisplayFor(m => Model.lNaoIncluidos[i].ID_Info)</span>
        </td>
      </tr>
     }
</tbody>

By clicking on the icon that has the btnModal class in the first "td", I would like to call an AJAX to select and bring other information based on Id_info. How can I do?

Answer 1

On your View line, put the action onclick="Search()"

<span data-toggle="tooltip" data-placement="top" title="Informações do BIC"><i class="fa fa-info-circle btnModal" onclick="Search()"></i></span>

Javascript:

function Search() {

    var prametro = 'teste';

$.ajax({
    url: '@Url.Action("Search", "Home")', //Aqui, coloque o nome o seu método no primeiro parametro e o nome da controller no segundo parametro
    type: 'GET',
    dataType: 'json',
    data: { nomeDoParametro: prametro }, //Coloque os parametros (caso precise).
    success: function (result) {
        //programe aqui seu callBack (retorno da controller)
    }
   });
}

Controller:

[HttpGet]
public JsonResult Search(string parametro)
{
    //Programe aqui sua busca

    return Json(true/*retorne aqui sua busca*/ , JsonRequestBehavior.AllowGet); //O AllowGet é necessário para que seu método permita requisições GET a este método.
}