jQuery ajax - getJSON() 方法例子逐句讲解

最新推荐文章于 2022-01-11 18:05:37 发布

原创最新推荐文章于 2022-01-11 18:05:37 发布 · 810 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Javaweb开发

本文介绍了如何理解和使用jQuery的getJSON()方法。作者最初对getJSON()感到困惑，通过研究官方文档和查阅资料，逐渐理解了其用法。文章提供了一个包含数据上传的简单JSON构造示例，并指出data参数用于向目标URL传递数据，而返回的数据则可以通过success回调函数获取。此外，还提及了如何使用表单序列化生成可直接作为data的数据。

前天对getjson()方法，我还是懵逼的，看了官方文档，如下图（官方jquery getJSON文档节选，友情链接：https://api.jquery.com/jQuery.getJSON/#jQuery-getJSON-url-data-success），也没看懂，具体怎么个写法，然后通过大量搜信息，看视频讲解，终于理解了一点，可以在代码中使用了。

含数据上传

$.getJSON("registerServlet", data)  //"registerServlet"是目标网址要换成你的，data是要提交的数据,要求是json格式
    .done(function(message) { //成功时接收返回的message，只有json格式数据能传到这里，所以在传过来之前就要构造好json数据
        alert(message.result); //这里写事件，我是弹出消息，用 “.key”的方法获得value并弹出
    })
    .fail(function(fail) {  //失败时的事件，这个失败是访问目标网址失败
        alert("抱歉，注册失败");
    }) ;
//    .always(function() {   //这个是无论访问成功或者失败都将执行的事件，看具体情况而考虑要不要
//        console.log( "complete" );
//     });

最简单的json构造直接将上面的data改为: {“key”:"value","key":"value"}，不含数据上传就是不要data ,直接写$.getJSON("registerServlet") 就可以了.再强调一下，data是传给目标网址的数据，message是目标网址返回的数据，名字都是自己取的。

(另外一篇文章介绍有快速进行表单序列化的介绍，生成的变量可直接是这里的data，需要的请移步，url:https://blog.csdn.net/weixin_43288322/article/details/91358880)

标签

#javascript #jquery #ajax #getjson #$.getJSON