前边好像的艺术用过 $.post, $.get,$.ajax,依旧率先次用那么些 $.getJSON。

前多个都以用作异步请求的,那么最终一个呢?其实也是异步请求的,和 $.get
最接近,因为她也是将数据放在了 url下边。

代码:

// 页面一加载就请求服务器,获取当前用户的笔记本数据
function loadPageNotebooks() {
    var page = $(document).data('page');
    var userId = getCookie('userId');
    var url = 'notebook/page.do';
    var data = {
        userId : userId,
        page : page
    };
    // 从服务器拉取数据
    $.getJSON(url, data, function(result) {
        console.log(result);
        if (result.state == 0) {
            var notebooks = result.data;
            showPageNotebooks(notebooks, page);
            $(document).data('page', ++page);
        } else {
            alert(result.message);
        }
    });
}

后台代码:

    /**
     * 获取当前用户的全部笔记本,以json的形式响应回去
      * @param userId
     * @param page
     * @return
     */
    @RequestMapping("/page.do")
    @ResponseBody
    public Object page(String userId, Integer page) {
        List<Map<String, Object>> list = notebookService.listNotebooks(userId, page);
        return new JsonResult(list);
    }

小总结:

$.getJSON()
是特意为 ajax 获取 json
数据而设置的,并且扶助”跨域”调用,其语法的格式为:

json, getJSON( url
, [data] , [callback] )

style=”font-family: 微软雅黑; font-size: medium;”>其中三个分级为:

  • style=”font-family: 微软雅黑; font-size: medium;”>url:string类型,
    发送请求地址
  • data
    :可选参数, 待发送 Key/value 参数 ,同 get,post 类型的
    data
  • callback
    :可选参数,载入成功时回调函数,同 get,post 类型的
    callback

    style=”font-family: 微软雅黑;”>        JSON
    是一种名特新优精的数量传输格式,它亦可很好的融合与 JavaScript
    或其余宿主语言,并且可以被 JS 直接利用。使用 JSON 比较古板的通过
    GET、POST 直接发送“裸体”数据,在结构上更为客观,也进一步安全。至于
    jQuery 的 getJSON() 函数,只是设置了 JSON 参数的 ajax()
    函数的2个简化版本。这一个函数也是足以跨域使用的,相比较 get()、post()
    有早晚优势。其余这几个函数可以由此把请求 url 写成 “myurl?callback=X”
    那种格式,让程序执行回调函数X。
    注:

    style=”font-family: 微软雅黑;”>      数据最后依然通过 url 前边通过 get
    格局发送数据出去的,那就控制了,发送的 data
    数据量不或者太多【get格局最大4KB】,否则造成 url
    太长接收退步(getJSON方式是不容许有post格局递交的)。 style=”font-family: 微软雅黑;”> 

相关文章

网站地图xml地图