MVC入门第一天

标签：control   value   cal   返回   jquer   public   text   options   btn   

一、异步的两种方法

1.  用jQ的异步  返回content
   1. controllor:return Content(sum.ToString());//这里涉及到一个自动封装的问题
   2. html页:<form id="form1">
                      <input type="text" name="calc1" />+
                      <input type="text" name="calc2" />
                      <input type="button" id="btnAdd" value="加" />
                      <input type="text" name="sum" id="sum" />
                  </form>
   3.  $(function () {
                  $(‘#btnAdd‘).click(function () {
                      $.post(
                          ‘@Url.Action("CalcAdd","Home")‘,//提交到的地址
                          $(‘#form1‘).serialize(),//把表单的数据序列化发送
                          function (msg) {//回调函数，msg是接收到的服务器端发来的数据
                              $(‘#sum‘).val(msg);
                          }
                          )
                  })
              })

     2.AjaxHelper类

1. controller代码
   1. public ActionResult CalcAdd1(int calc1, int calc2)
   2. return Json(temp, JsonRequestBehavior.AllowGet);
2. html代码
   1.  @using (Ajax.BeginForm("CalcAdd1", "home", new AjaxOptions()
              {
                  OnSuccess = "Success"
              }))
              {
                  <input type="text" name="calc1" />
                  <span>+</span>
                  <input type="text" name="calc2" />
                  <input type="submit" value="=" />
                  <input type="text" id="result" />
              }
3. 调用的脚本
   1. <script src="~/jquery-1.8.3.min.js"></script>
          <script src="~/jquery.unobtrusive-ajax.min.js"></script>

MVC入门第一天

标签：control   value   cal   返回   jquer   public   text   options   btn   

原文地址：http://www.cnblogs.com/pangzhixing/p/6079192.html