使用jQuery获取和发送JSON数据-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_44484894/article/details/89978752

这篇博客介绍了如何利用jQuery的getJSON、get和post方法进行JSON数据的异步加载和发送。主要讲解了这三个方法的使用语法、参数解析以及示例代码，重点在于HTTP GET和POST请求在处理JSON数据时的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JSON请求数据


开发工具与关键技术：Visual Studio 
JavaScript对象表示法 

撰写时间： 5月6号

作者： 曾子千

一、jQuery.get
JSON（）的异步加载

jQuery语法：jQuery.getJSON（）（URL, [data], [callback]）

2.原理：通过 HTTP GET
请求载入 JSON 数据。

3.参数：（1）url:发送请求地址。

（2）data:待发送 Key/value 参数。

（3）callback:载入成功时回调函数。

4.例子： $（"#btnGetJson"）.click（function（） {

       $.getJSON（"/jQueryAjax/selectInfor", function （data） {

                   console.log（）data（）;

                   console.log（）typeof （）data（））;

       $.each（）data, function （）i（） {

                                 str +=

“员工ID：” + data[i]

.EmployeeID +
" 员工编码：" +

data[i].EmployeeCode + " 员工姓名：" +
data[i].EmployeeName + “
”;

       $（）"#result"（）.html（）str（）;

                 }）;

            }）;

        }）;

二、jQuery.get（）以GET方式从服务器获取数据

1. jQuery语法：jQuery.get （url, [data],

[callback], [type]）

2.原理：通过远程 HTTP GET 请求载入信息。

要注意：这是一个简单的
GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。（如果需要在出错时执行函数，请使用 $.ajax。）

   3.参数说明：（1）url:待载入页面的URL地址

               （2）data:待发送 Key/value 参数。

               （3）callback:载入成功时回调函数。

               （4）type:返回内容格式，xml, html, script, json, text, _default。

4、例子：$（）"#btnGet"（）.click（）function （） {

     $.get（）"/jQueryAjax/selectInfor", function （）data（） {

             console.log（）data（）;

             console.log（typeof （data））;

     $.each（）data, function （）i（） {

                                       str

+= “员工ID：” + data[i].EmployeeID + "
员工编码：

" + data[i].EmployeeCode + " 员工姓名：

" + data[i].EmployeeName + “
”;

    $（）"#result"（）.html（）str（）;

                }）;

            }）;

        }）;

三、jQuery.post（）以POST方式从服务器发送数据

1、jQuery语法：jQuery.post （）url, [data], [callback], [type]（）

2、原理：通过远程 HTTP
POST 请求载入信息。

注意一点：这是一个简单的
POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。（如果需要在出错时执行函数，请使用 $.ajax。）

 3、参数说明：

                url:发送请求地址。

                data:待发送 Key/value 参数。

                callback:发送成功时回调函数。

                type:返回内容格式，xml, html, script, json, text, _default。

        $（）"#btnPost"（）.click（）function （） {

            $.post（）"/jQueryAjax/selectInfor", function （）data（） {

                console.log（）data（）;

                console.log（）typeof （）data（）（）;

        $.each（）data, function （）i（） {

str += “员工ID：” + data[i].EmployeeID

" 员工编码："
data[i].EmployeeCode + " 员工姓名："

data[i].EmployeeName + “
”;

         $（）"#result"（）.html（）str（）;

                }（）;

            }（）;

        }（）;