简介

最近在进行网站开发，遇到了Ajax网络请求，记录一下相关笔记，主要是对于GET、POST请求的相关知识点。

jQuery Ajax网络请求

• Ajax在前端开发中经常运用到一般分为：HTTP 请求：GET POST
• 两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。
• GET - 从指定的资源请求数据
• POST - 向指定的资源提交要处理的数据
• GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。
• POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同 请求一起发送数据。

进入代码分析

实例如下：GET

 $.ajax({
      type: "GET",//GET类型
      url: USER_INFO,//http url如==>USER_INFO:  http://127.0.0.1/user/info
      header: {//请求头
           contentType: "application/json;charset=UTF-8"
      },
      dataType: "json",//返回的数据类型
      success: function (data) {
                //返回成功
      },
      error: function (data) {
          //返回失败
      }
 });

实例如下：POST

$.ajax({
     type: "POST",//GET类型
     url: USER_LOGIN,//http url
     header: {//请求头
          contentType: "application/json;charset=UTF-8"
     },
     data: { //发送数据
          'username': username,
          'password': pass
     },
     dataType: "json",//返回的数据类型
     success: function (data) {
          //返回成功
     },
     error: function (data) {
                //返回失败
     }
 });

总结

这是我们在前端开发中常遇到的两种请求方式，给我们大大减少了许多代码。

在当今前端火热的情况下，引生出了许多框架如：Vue.js、Angular.js、Node.js等等，这些都需要我们去探究。

对于前端的知识点，不断的学习和更新，一起加油吧。