asp.net使用ajax提交json数据至MVC解析后以json形式返回

asp.net中使用ajax发送数据至后台,后台接收到数据后对json进行解析,然后以json的形式返回至前端,前端将其读取显示 ,代码暂时调通了,原理暂时还没理解...


<div class="row">
    <div class="col-md-4">
        <h2>密码验证找回</h2>
        <p>
            在这里进行密码问题验证
        </p>
        <br />
        <form>
            <div>
                选择问题:
                <select id="_select" style="color:darkgray; width:100%; border:solid 1px black;">
                    <option>出生日期?</option>
                    <option>个人爱好?</option>
                    <option>出生地点?</option>
                </select>
            </div>
            <br />
            <div>
                问题答案:
                <input id="_answer" type="text" value="请输入问题验证的答案" style="color:darkgray; width:100%; border:solid 1px black;" />
            </div>
        </form>
        <br />
        <br />
        <input id="_form1_subbtn1" type="submit" value="确认" class="btn btn-default" />
        @*<p><a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkId=301865">Learn more &raquo;</a></p>*@
    </div>
    <script>
        $(document).ready(function () {
            $("#_form1_subbtn1").click(function () {

                var _answer = $("#_answer").val();
                var _select = $("#_select").val();

                var jsonObj = [];
                //jsonObj.push({ "_answer": _answer });
                //jsonObj.push({ "_select": _select });
                var obj = { _answer: _answer,_select: _select };
                jsonObj.push(obj);
                alert("按钮被点击" + _answer + _select);
                    $.ajax({
                        url: "/Home/MyTest",
                        async: false,
                        type:"POST",
                        dataType: "json",
                        data: JSON.stringify(jsonObj),
                        contentType: "application/json",
                        //data: {
                        //    "_answer": _answer,
                        //    "_select": _select
                        //},
                        success: function (result) {
                            alert("success" + result.answer + result.select);
                        },
                        error: function () {
                            alert("error");
                        }
                });     
            });
        });
    </script>

 

 public class JustForTest
        {
            public string _answer;
            public string _select;
        }
        [HttpPost]
        public ActionResult MyTest()
        {
            StreamReader sr = new StreamReader(Request.InputStream);
            string str = sr.ReadToEnd();
            JavaScriptSerializer js = new JavaScriptSerializer();
            var list = js.Deserialize<List<JustForTest>>(str);


           // var list = js.Deserialize<List<justfor>
            //var _answer = Request.Form["_answer"];
            //var _select = Request.Form["_select"];
            int[] table = { 1, 2, 3, 4, 5, 6, 7, 8, 9 };
            var data = new List<Object>();
            var tempObj = new
            {
                answer = list[0]._answer,
                select = list[0]._select
            };

            return Json(tempObj, JsonRequestBehavior.AllowGet);

        }

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值