• 分析一下jquery中的ajax操作


    在web前端开发中,ajax是很重要的一项技术,用原生写起来很是麻烦,需要一大堆js代码,而到了jq里就被精简了许多,一起来看看:

    jquery中的ajax分为三种方式:

    1.$.get(),get方式获取

    例子:

    $('.btn').click({
      $.get('1.txt',function(data){             //'1.txt'为服务器上的文档,data为获取到的数据
         alert(data);
      });
    })

    2.$.post(),post方式获取

    例子:

    $('.btn').click({
      $.post('1.txt',function(data){             //'1.txt'为服务器上的文档,data为获取到的数据
         alert(data);
      });
    })

    大家可以看出,post方式和get方式其实并没有太大区别,就是请求的方式不一样。

    3.$.ajax(),综合的请求方式

    在项目中其实最常用的是这种方式,例子:

    $('.btn').click({
      $.ajax({
         url:'1.php',
         data:'username':'lingdu',       //其中url为请求地址,data为发送数据,成功则执行success的函数
         success:function(data){
              alert(data);
         }
      })
    })

    这种方式囊括了ajax的所有操作,发送和接收数据,同时这种方式效率也最高,希望大家以后尽量使用这种方式来进行ajax操作。

  • 相关阅读:
    Vue 中常见性能优化
    简单模板引擎实现
    函数柯理化
    url 解析
    快排
    防抖节流实现
    call、apply、bind 实现
    深克隆
    数组去重
    eventEmitter 简单实现
  • 原文地址:https://www.cnblogs.com/lingdublog/p/6495665.html
Copyright © 2020-2023  润新知