jquery load ajax方法

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('失败');
  }
})