load方法
该方法是最简单的从服务器获取数据的方法。它几乎与 $.get(url, data, success) 等价,不同的是它不是全局函数,并且它拥有隐式的回调函数。当侦测到成功的响应时(比如,当 textStatus 为 "success" 或 "notmodified" 时),.load() 将匹配元素的 HTML 内容设置为返回的数据。这意味着该方法的大多数使用会非常简单:
$(document).ready(function(){
var trigger = $('#trigger');
var card = $('#card');
//定义一个控制器控制文件的加载次数 避免反复加载
var loaded = false;
trigger.on('mouseenter', function() {if(card.is(':visible')){
card.slideUp();
}else {
if (!loaded) {
//需要提前定义你需要加载的文件
card.load('card.html');}
loaded = true;
card.slideDown();
}
card.hide();
});
});
jquery ajax方法
$.get(url, data, success)
$.ajax('https://api.github.com/users/longwaygo', {
// url('/signup'),
method:'get',
// 想要传送的数据
data: {
username: 'dsh',
password: 'wjdjg',
},
//成功之后的回调函数
success: function(data) {
alert('成功');
},
// error的回调函数
error:function() {
console.log('失败');
}
})