一.$.get()请求实现异步加载
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>Ajax</title>
<script type='text/javascript' src='jquery-3.1.1.min.js'></script>
</head>
<body>
<button id='btn'>发送一个ajax请求</button>
<div id='box'></div>
</body>
<script type='text/javascript'>
$('#btn').click(function(){
$.get('demo1.php',{'username':'科学家'},function(data){
$('#box').html(data);
});
});
</script>
</html>
echo '我是一个兵';
echo '<pre>';
var_dump($_GET);
echo '</pre>';
?>
二.$.post()请求实现异步加载
<script type="text/javascript">
$('#btn').click(function(){
$.post('demo1.php',{'username':'科学家'},function(data){
$('#box').html(data);
});
});
</script>
三.$.ajax()请求实现异步加载
<script type="text/javascript">
$('#btn').click(function(){
$.ajax({
'url':'demo1.php',
'data':{'username':'科学家','age':18},
'success':function(data){
$("#box").html(data);
},
'dataType':'html',
'type':'post',
});
});
</script>