wie man Daten von Javascript zur Serverseite in asp.net mvc 6 sendet?

Question

Ich kann keine Daten von Ajax zur Serverseite bekommen. Ich weiß nicht viel über Ajax. So benutze ich es. 'Main' ist das Formular-Tag

<script> 
    $('#main').on('submit', function (e) { 
     $.ajax({ 
      url: "checkout", 
      type: "POST", 
      dataType: "json", 
      data: JSON.stringify(id), 
      success: function (mydata) { 
       //history.pushState('', 'checkout' + href, href); 
      } 
     }); 
    ); 
</script> 

[HttpPost] 
public JsonResult getData(string id){ 
    //string id will always be null 
    return Json(id, JsonRequestBehavior.AllowGet); 
} 

Answer 1

modifizierte Funktionsaufruf bitte Ereignis auf vorlegen ..

$("#buttonid").click(function(){ 

     $.ajax({ 
     url: "controllername/getData", 
     type: "POST", 
     dataType: "json", 
     data: "{id:value}", 
     success: function (mydata) { 
      //history.pushState('', 'checkout' + href, href); 
     } 
    }); }); 

Geben Sie die gültige URL in Ajax funation

Answer 2

Musterbeispiel für Sie ....

Sie sollten die Daten mit Parameter übergeben

var pData = { 
      id:"34" 
     }; 

JQuery-Code:

$('#main').on('submit', function (e) { 
     var pData = { 
      id:"34" 
     }; 
     $.ajax({ 
      url: "@Url.Content("~/Home/GetData")", 
      type: "POST", 
      dataType: "json", 
      data: pData, 
      success: function (response) { 
       var item=response; 
       //success response 
      } 
     }); 
    }); 

Server Side

public JsonResult GetData(int id) 
    { 
     var item = new 
     { 
      elementid = id, 
      currenttime = DateTime.Now.ToString() 
     }; 
     return new JsonResult 
     { 
      Data = item, 
      JsonRequestBehavior = JsonRequestBehavior.AllowGet 
     }; 
    } 

Ich hoffe, dies kann hilfreich für Sie