角$ http表單序列化

Question

我使用$ http角度將表單數據發佈到控制器...我想發佈序列化數據..所以我正在尋求有關發佈數據序列化的幫助......因爲數據：$（ '#main'）。序列化（）不工作對我來說...

demoapp.factory("authser", function ($location,$http) { 
    return { 
     login: function (credantials) { 
      if (credantials.username != "jot") { 
       alert("its "); 
      } 
      else { 
       // var formdata = $('#main').serialize(); 
       //console.log(formdata); 

       $http({ 
        method: 'POST', 
        url: "/valued/newvalue", 
        //responseType: "json", 
        data: $('#main').serialize() 
        //data: { 'name': credantials.username, 'password': credantials.password } 
       }).success(function (data) { 
        console.log(data); 
        $location.path('/logout'); 
       }); 
      } 
     }, 

我控制器

using angulardata.Models; 
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Mvc; 
using System.Data.Entity; 

namespace angulardata.Controllers 
{ 
    public class valuedController : Controller 
    { 
     // GET: /valued/ 

     public ActionResult newvalue(Blog blog) 
     { 

      using (BlogContext ctx = new BlogContext()) 
      { 
       Blog n = new Blog(); 
       ctx.Blogs.Add(blog); 
       ctx.SaveChanges(); 
      } 

      var res = new { Success = "True", Message = "Error Message" }; 
      return Json(res,JsonRequestBehavior.AllowGet); 



     } 

    } 
} 

，但它不工作..任何幫助

Answer 1

當然是贏得沒有用，你應該發佈$ scope對象其中包含了數據的表單輸入綁定到：

$scope.formData={}; 

<input type="text" ng-model="formData.firstName" /> 
<input type="text" ng-model="formData.lastName" /> 

和

demoapp.factory("authser", function ($location,$http,formData) { 
    return { 
     login: function (credantials) { 
      if (credantials.username != "jot") { 
       alert("its "); 
      } 
      else { 
       $http({ 
        method: 'POST', 
        url: "/valued/newvalue", 
        data: formData 
} 
       }).success(function (data) { 
        console.log(data); 
        $location.path('/logout'); 
       }); 
      } 
     },