Wie bekomme ich Eingabeformularwert, ohne es zu senden?

Question

Ich möchte den Eingabewert vom Benutzer, ohne etwas einzureichen, dann möchte ich es durch Ajax-Methode als Parameter zu Aktion Methode übergeben. Ich habe viele Methoden ausprobiert, aber ich konnte keine Lösung finden. Hier

ist der Code

<input type="text" id="task" name="task" value="" /> 


       @Ajax.ActionLink("ADD TASK", "show_task",new {task=Request["task"]}, new AjaxOptions 
{ 
    HttpMethod = "POST", 
    UpdateTargetId = "print", 
    InsertionMode = InsertionMode.Replace 

}) 

Hier wird die Controller-Aktion Methode

public ActionResult show_task(string task) 
     { 
      var add_task = new tasks_table(); 
      add_task.task = task; 
      add_task.id = 24; 
      add_task.f_id=10; 
      add_task.date_oftask=DateTime.Now; 

      db.tasks_table.Add(add_task); 
      db.SaveChanges(); 
      var tasks = db.tasks_table.Include(t => t.user_detail); 
      return PartialView("render_tasks",tasks);     

     } 

Answer 1

Da Sie den aktuellen Wert der Textbox möchten, können Sie besser machen Sie es sich mit Ihrem eigenen JavaScript-Code Machen Sie den Ajax-Anruf statt sich auf die Ajax.ActionLink Hilfsmethode zu verlassen.

Ändern Sie also Ihren Ajax.ActionLink-Aufruf zu einer normalen Aktionsverknüpfung.

<input type="text" id="task" name="task" value="" /> 
@Html.ActionLink("Add Task","show_task", null, new {id="addTask"}) 
<div id="print"></div> 

hören nun zum click Ereignisse auf diesem Link, um den Wert des Textfeldes lesen und dass auf den Server senden. Sie können dazu die Methode jQuery $.post verwenden. Im Antwort-Callback können Sie den Inhalt des Druck-Divs mit der Antwort aktualisieren, die von Ihrem Server kommt.

$(function(){ 

    $("a#addTask").click(function(e){ 

    e.preventDefault(); 
    $.post($(this).attr("href"), { task:$("#task").val()},function(res){ 
     $("#print").html(res); 
    }); 

    }); 

}); 

Answer 2

können Sie JavaScript focusOut Funktion den Wert an die Steuerung zu senden. von focusOut Methode, erhalten wir den Wert im Eingabefeld sofort, wenn wir zum nächsten Feld bewegt.

$('#task').focusOut(function(){ 
    Your ajax call method.... 
}); 

Hofft es hilft.