Ajax的ajax()和post()的使用

来源:互联网 发布:淘宝团队管理制度 编辑:程序博客网 时间:2024/05/16 23:39

前言

AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。


ajax()的写法类似于json格式的写法,而post()的写法类似方法的写法,
作用都是为了异步刷新;在控制器中,return Json(lst);,将lst转化为json格式,于是我们就不用在控制器里进行系列化,在前端也不需要进行转换为json对象,便可直接调用,微软这种做法极大方便了我们。


Ajax()

  $("#btnList").click(function () {                $.ajax({                    url: "/Ajax/GetList",//路径                    type: 'post',//以post方式请求                    async: false,//async为false表示同步                    datatype: 'json',//数据类型为json                    data: "data=yujinhu&edit=Hello",//传数值、字符串;字符拼接满足Sql语句的需要。                    success: function (result) {//此方法起到监视作用                        for (var i = 0; i < result.length; i++) {                            $("#container").append(result[i].UserName);                        }                    }                });            })        })

post()

 $(function () {            $("#btnAdd").click(function () {                $.post("/Ajax/GetAjax", "data=yujinhu&edit=Hello", function (data) {                    alert(data);                })            })        })

控制器

 public ActionResult GetList()        {            book_shopEntities db = new book_shopEntities();            List<UserInfo> lst = db.UserInfo.ToList();            return Json(lst);        }
原创粉丝点击