2、Ajax网络请求

2018-07-10  本文已影响18人  eirunye

简介

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

jQuery Ajax网络请求

进入代码分析

实例如下: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等等,这些都需要我们去探究。

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

上一篇 下一篇

猜你喜欢

热点阅读