متدهای Get&Post در MVC Web Api

سه شنبه 30 دی 1393

در این مقاله به نحوه استفاده از متد های get و post با ajax در api کنترلر در mvc می پردازیم

متدهای Get&Post در MVC Web Api

web api را معمولا خدمات آرام می نامند چون ما میتوانیم این خدمات را با استفاده از url صدا بزنیم و این نوع از خدمات برای موبایل ها و پلتفرم های مستقل مفید هستند.

به برنامه می پردازیم ابتدا باید کنترلر خود را به شکل زیر ویرایش کنیم :


    public class HomeController : ApiController  
    {  
         public string GetEmployeeInformation(string JSONString)  
         {  
             var seriptSerialization = new System.Web.Script.Serialization.JavaScriptSerializer();  
             Employee employee = seriptSerialization.Deserialize<Employee>(JSONString);  
             //if list then we can use like this  
             //List<Employee> employee = seriptSerialization.Deserialize<List<Employee>>(JSONString);  
             return employee.EmployeeName;  
         }  
      
         public string PostSubmitdata([FromBody]Employee emp)  
         {  
             return emp.EmployeeName;  
         }  
    }  

کلاس employee :


    public class Employee  
    {  
           public string EmployeeName { get; set; }  
           public EmployeeDetails empdetails { get; set; }  
    }  
    public class EmployeeDetails  
    {  
           public string email { get; set; }  
           public string firstName { get; set; }  
           public string lastName { get; set; }  
    }  

حالا نوبت به نوشتن کد های get و post می رسد:

<!DOCTYPE>  
<html>  
<head>  
    <title></title>  
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  
    <script language="javascript" type="text/javascript">  
          
        /**********************************Request****************************************/  
        var reqdata = {  
            EmployeeName: "JD Mishra",  
            empdetails: {  
                email: 'jagdev@email.com',  
                firstName: 'Jagdev',  
                lastName: 'Mishra'  
            }  
        }  
        var stringReqdata = JSON.stringify(reqdata);  
  
        /*************************************GET*****************************************/  
        function GetEmployeeInformation() {  
            var url = "http://localhost:4000/api/Home/GetEmployeeInformation?JSONString=" + stringReqdata;  
            jQuery.ajax({  
                dataType: "json",  
                url: url,  
                async: false,  
                context: document.body  
            }).success(function (data) {  
                alert(data);  
            });  
        };  
        /*************************************GET*****************************************/  
        function PostSubmitdata() {  
            var url = "http://localhost:4000/api/Home/PostSubmitdata";  
            jQuery.ajax({  
                async: false,  
                type: "POST",  
                url: url,  
                data: stringReqdata,  
                dataType: "json",  
                context: document.body,  
                contentType: 'application/json; charset=utf-8'  
            }).success(function (data) {  
                alert(data);  
            })  
        }  
    </script>  
</head>  
<body>  
    <a href="#" onclick="GetEmployeeInformation();">Get</a><br />  
    <a href="#" onclick="PostSubmitdata();">Post</a>  
</body>  
</html> 

حالا میتونید برنامه رو اجرا کنید.

برنامه نویسان

نویسنده 3355 مقاله در برنامه نویسان

کاربرانی که از نویسنده این مقاله تشکر کرده اند

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید