捯饬博客时候需要在前端向服务器根据现场情况申请数据，就用到了 JS 发送网页请求的技术。

JS 有多重方式可以实现发送 网页请求的功能，我这里记录最方便简单的 ------ 基于JQuery 和 form 的GET/POST数据提交。

JQuery {#JQuery}

• JQuery是一个快速、简洁的JavaScript框架。

• JQuery设计的宗旨是"write Less，Do More"，即倡导写更少的代码，做更多的事情。

• JQuery 封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。JQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

请求格式 {#请求格式}

• $.get(url, data, callback)

| 参数 | 描述 | |----------|----------------------------| | url | 必需，规定您需要请求的URL | | data | 可选，规定连同请求发送到服务器的数据，格式是json | | callback | 可选，回掉函数，当请求成功时运行的函数 |

• $.post(url, data, callback)

| 参数 | 描述 | |----------|----------------------------| | url | 必需，规定您需要请求的URL | | data | 可选，规定连同请求发送到服务器的数据，格式是json | | callback | 可选，回掉函数，当请求成功时运行的函数 |

使用方法 {#使用方法}

首先，在需要调用JQuery的页面里，用script标签导入Jquery文件，例如：

然后，网页空白的地方，申明你的方法以及需要传递的参数，你可以这样做：

接着，在你的input/button标签或者需要发送数据的地方，增加一个onclick的属性，例如：

jquery 源码 {#jquery-源码}

附上我正在使用的 jquery 代码，有需要的伙伴可以直接拿去用。 jquery 源码

form {#form}

Form 方法不需要额外引入 js 文件，可以直接调用代码

参考资料 {#参考资料}

• https://blog.csdn.net/poisonchry/article/details/77649398/

文章链接：
https://www.zywvvd.com/notes/coding/java-script/js-post-get/js-post-get/