【2020.5.30】三、个人前端基础知识

jQuery篇（部分知识）

一、jquery AJAX

　　1.　jquery load() 方法

　　　　$("#div").load(url,data,callback)  基本语法

　　　　url:要加载的路径

　　　　data：要加载的数据

　　　　callback：获取成功后的回调函数

　　　　$("#div").load(url,data,function(responseTxt,statusTXT,xhr){

　　　　　　if(statusTXT=="success"){

　　　　　　　　alert("外部内容加载成功")

　　　　　　}

　　　　　　if(statusTXT=="error"){

　　　　　　　　alert("Error:"+xhr.status+":"+xhr.statusTXT)

　　　　　　}

　　　　　});

　　　　　responseTxt:：调用成功时的结果内容

　　　　　statusTXT：调用后返回的状态

　　　　　xhr:请求的对象

　　2.   jQuery $.get() 方法

　　　　基本语法：$.get(URL,callback);

　　　　　　url：要请求的路径

　　　　　　callback：请求成功后执行的回调函数

　　　　应用：

　　　　$.get("data.asp",function(data,status){

　　　　　　alert("Data:"+data+"Status:"+status);

　　　　});

　　　　回调函数内：data：数据，status：请求状态

　　3.  jQuery $.post()

　　　　基本语法：$.post(url,data,callback);

　　　　　　url：请求路径

　　　　　　data：想要获取的参数

　　　　　　callback：回调函数

　　　　应用：

　　　　　　$.post("data.asp",

　　　　　　　　{

　　　　　　　　　　name:"huosaoyun",

　　　　　　　　　　age:"24"

　　　　　　　　　　},

　　　　　　　　　　function(data,status){

　　　　　　　　　　alert("Data:"+data+"Status:"+status);

　　　　　　})；

二、jQuery 中常用的事件

　　$("#div").on("click",function(){});  绑定事件，这里是绑定了点击事件，在脚本新创建的元素上使用

　　$("#div").blur(function(){});  失去焦点时触发事件，表单事件

　　$("#div").focus(function(){}); 获取焦点时触发事件，表单事件

　　$("#div").scroll(function(){}); 元素滚动时触发事件

　　$("#div").click(function(){}); 单击事件，点击事件

　　$("#div").mousedown(function(){}); 当鼠标按钮按下时触发事件

　　$("#div").change(function(){}); 当输入域发生变化时　　　　

【2020.5.30】三、个人前端基础知识

原文：https://www.cnblogs.com/qhsy/p/12994003.html