JavaScript必备小知识-jquery 的 ajax(一)

100 阅读2分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

接前文继续来学习 jquery 学习小结

1、梳理知识点

jquery 插件

插件--工具 定义插件的方式 :

方式一:
$.extend({
})

// 方式二 :
$.fn.extend({
})  

jquery 的宽度和高度

width()/height()获取实际宽度 outerWidth()/outerHeight()   获取   实际宽度 + padding + border innerWidth()/ innerHeight() 获取实际宽度 + padding

jquery 中的坐标

offset() 返回值是一个 json 对象   有两个属性  left  top   获取相对于 body 的上偏移和左偏移 position()   获取离该元素最近的具有定位的元素的左偏移和上偏移 返回值也是一个对象   有 left 和 top 两个属性

上面两个方法的特点 : 只能获取 不能设置

jq 获取页面滚走距离

scrollTop() 可以设置 也 可以获取

jquery 的 ajax

1、ajax 的异步请求之  load     加载公共的 html 文件

  • load() 方法是一个局部的方法,通过 jquery 的选择器作为开始调用 load 方法
  • load()方法是异步的,加载的信息中如果需要事件响应,必须通过回调函数来实现,也就是说所有 load 加载的数据中的事件都要写在回调函数中
  • load()方法如果想要请求不同结构的内容,可以把这些内容写到一个文件中,请求数据时,在 url 后加一个请求容器的选择器名称即可(这里选择器建议使用基本选择器)

load()方法的参数有三个:

  • 第一个:  请求的 url
  • 第二个: 发送的数据  json 格式  {}
  • 第三个参数 :  回调函数

回调函数中有三个参数,分别是:

function(res,type,xhr){
       console.log(res);    //请求数据
       console.log( type );//请求的状态
        console.log(xhr);  //deffered 对象  (类似于js中promise对象)
}