jQuery之AJAX请求方法

jQuery之AJAX请求方法

1、基本概念

（1）在前端页面开发中，如果页面中的数据是需要动态获取或者更新的，这时我们需要向服务器发送异步的请求来获取数据，然后在无需刷新页面的情况来更新页面。那么这个发起异步请求获取数据来更新页面的技术叫做AJAX 。
使用 XMLHttpRequest 对象与服务器通信。它可以使用 JSON，XML，HTML和 text文本等格式发送和接收数据
（2）AJAX 请求方法（Method）GET、POST、PUT、PACTH、DELETE等
（3）jQuery中也有AJAX模块，该模块是在XMLHttpRequest 的基础上进行了封装，语法（Syntax）。

2、简历中添加get方法

（1）代码如下

（2）运行结果

3、简历中添加post方法

（1）代码如下

（2）运行结果

4、注意事项

（1）首先使用网站 https://httpbin.org/#/，点进去之后有免费的调用接口

（2）当你需要检查你的网页中是否使用了get方法，当前页面右键->“检查”->“Network”->“Fetch/XHR”->刷新页面->就可以看到有get方法，如下图所示：

（3）当你需要检查你的网页中是否使用了post方法，当前页面右键->“检查”->“Network”->“Fetch/XHR”->刷新页面->就可以看到有post方法，如下图所示：

（4）如果你想要写“<h1>234</h1>”这对标签对时，你需要将格式改为html，不然输出内容仍然为“<h1>234</h1>”。

• 代码为：$('#resume').text(res.url)
  
• 代码为： $('#resume').html(res.url)