阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      jQuery 如何创建一个Ajax

      问题

      jQuery 如何创建一个 ajax

      答案

      Jquery的ajax方法;

      //->Ajax
      $.ajax({
          url: "test.txt?_=" + Math.random(),
          type: "get",
          dataType: "json",//->text获取的是一个字符串 json获取的是一个对象
          success: function (data) {
              console.log(data);
              //->解析数据和实现数据绑定都可以继续在这个方法中去操作了
          }
      });
      
      //->JSONP
      $.ajax({
          url: "http://matchweb.sports.qq.com/kbs/list?columnId=100000&startTime=2016-02-28&endTime=2016-03-05&_=" + Math.random(),
          type: "get",
          dataType: "jsonp",
          success: function (data) {
              console.log(data);
          }
      });
      

      使用jQuery的JSONP请求,我们不需要自己在URL后面加callback,也不需要自己事先写一个方法传给后台,因为jQuery把这些事情都帮我们做了,它默认在URL的末尾增加一个callback=,会自己随机创建一个函数

      jQuery1113026970771374180913_1456989781792,把这个函数传递给后台,后台也会把这个函数给执行了

      success对应的那个匿名函数其实可以理解为就是随机创建的这个函数,data其实就是我们想要获取的数据

      //http://matchweb.sports.qq.com/kbs/list?columnId=100000&startTime=2016-02-28&endTime=2016-03-05&_=1456989781793&callback=jQuery1113026970771374180913_1456989781792
      $.ajax({
        url: "http://matchweb.sports.qq.com/kbs/list?columnId=100000&startTime=2016-02-28&endTime=2016-03-05&_=" + Math.random(),
        type: "get",
        dataType: "jsonp",
        jsonp: "cb",//->我们把callback这个名字也可以修改为自己想要的
        jsonpCallback: "wangHaoYu",//->自己把callback后面传递的函数的名字修改为自己想要的名字,不使用自己随机生成的那个长名字
        success: function (data) {
          console.log(data);
        }
      });
      
      //->....&cb=wangHaoYu
      $.ajax({
        url: "test.txt?_=" + Math.random(),
        type: "get",
        dataType: "text",
        async: true,//默认就是true
        success: function (data) {//->请求成功执行的方法,data就是服务器返回给前端的数据
          console.log(data);
        },
        error: function (message) {//->请求失败执行的方法,message就是错误信息
        }
      });
      

      更多面试题

      如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      目录