Ajax基本概念学习

文章目录

1. 1. 一、ajax方法参数详解
2. 2. 二、Jquery

一、ajax方法参数详解

$.ajax({
    //url:发送请求的地址
    url: "/shop/isFavor",
    //type:请求方式默认为get
    type: "post",
    //async：确认请求为异步请求
    async:true,
    //附加在URL后面的参数
    data:{itemId:itemid},
    //预期服务器返回的数据类型
    dataType: "json",
    //成功的回调函数
    success: function(data){
        if(data && data.errorCode==0 && data.data){
            $('.favoritebtn').addClass('active');
        }
    },
    //失败的回调函数
    error : function() {
        //alert('fail');
    }
});

二、Jquery

1. 定位元素：
   $(this)定位当前
   $("#abc"）通过id定位
   $(".abc") 通过class定位
   $("div") 通过标签定位
2. 常见方法

• 动画类：
  .show()：显示HTML元素
  .hide()：隐藏HTML元素
  .toggle()：在显示和隐藏之间切换
  .fadeIn()：淡入淡出（Out/Toggle）
  .slideTown()：向下滑动
• HTML类：
  .text()：设置或返回所选元素的文本内容
  .val()：设置或返回表单字段值
  .html()：设置或返回带HTML标记的所选元素内容
  .attr()：获取属性值
  .append()：在所选元素结尾插入内容
  .prepend()：在所选元素开头插入内容
  .remove()：删除元素
  .empty()：删除子元素
  .removeClass()：删除CSS类
  .addClass()：添加CSS类
  .css()：返回指定的CSS属性值
• 遍历：
  .children()：返回被选元素的下一个后代
  .find()：返回被选元素的后代，直到最后一层
  .each()：迭代JQuery对象，进行操作

1. 基础语法：$(selector).action()