如何通过jQuery ajax发送Json数据和文本框数据

时间:2014-05-17 13:23:16

标签: javascript jquery ajax json asp.net-mvc-4

我有一个json集合,我想通过jQuery ajax将一个文本框值发送给控制器

 $('#btnsave').click(function (e) {
    debugger;
    $.ajax({
        type: "POST",
        url: '/Asset/SaveAssociate',
        data: "{'data':'"+JSON.stringify(allVals)+"'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            alert(data);
         //   var gridk = $("#grid1").data("kendoGrid");
          //  gridk.dataSource.read();
        }
    })
})

这是我的文本框值

 var _assetid = $("#AssetId").val().trim();

类似数据:{ json and assetid :assetid }我可以像这样传递

这是我的行动方法

[NoCache]
public ActionResult SaveAssociate(string data, string AssetId)
{
            JavaScriptSerializer json = new JavaScriptSerializer();
            List<GetUserdata> myObjs = new List<GetUserdata>();
            myObjs = json.Deserialize<List<GetUserdata>>(data);

            for (int i = 0; i <= myObjs.Count; i++)
            {
            }

            return Content("Hai");
}

1 个答案:

答案 0 :(得分:1)

我相信,这就是你想要的

 $('#btnsave').click(function (e) {
        debugger;

       var dataToSend={
          'data':JSON.stringify(allVals),
          'AssetId':$("#AssetId").val().trim()
        };
        $.ajax({
            type: "POST",
            url: '/Asset/SaveAssociate',
            data: JSON.stringify(dataToSend),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                alert(data);
             //   var gridk = $("#grid1").data("kendoGrid");
              //  gridk.dataSource.read();
            }
        })
    })