实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>6.ajax中的load()函数</title>
</head>
<body>
<img src="./images/zly.jpg" width="350">
<div></div>
<button>查看基本信息</button>
</body>
</html>
<script type="text/javascript" src='./js/jquery-3.3.1.js'></script>
<script type="text/javascript">
// $('button').eq(0).on('click',function() {
// alert(1)
$('button:first').on('click',function() {
// $('div').first().load('api/info.php')
// $('div').first().load('api/info.php'+' h3') //查看指定的标签内容，注意：这里的' h3'带有空格，省略则出错！
// $('div').first().load('api/info.php'+' p') //查看指定的标签内容，注意：这里的' p'带有空格，省略则出错！
//POST请求
// $('div').first().load('api/info.php',{
// birthday: '10月16日',
// nation: '中国'
// })
//GET请求
$('div').first().load('api/info.php','age=31&sex=女',function(){
$('img').css('border-radius','50%')
}) //callback
})
</script>运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<h3>赵丽颖</h3>
<p>《楚乔传》、《花千骨》、《彬彬来了》</p>
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') { //注意：此处的()是包括POST语句，不是POST包括号！REQUEST中的E不能少！！！
echo isset($_POST['birthday']) ? '生日：'.$_POST['birthday']:'';
echo '<br>'; //换行
echo isset($_POST['nation']) ? '国籍：'.$_POST['nation']:'';
}
if ($_SERVER['REQUEST_METHOD'] == 'GET') { //注意：此处的()是包括POST语句，不是POST包括号！REQUEST中的E不能少！！！
echo isset($_GET['age']) ? '年龄：'.$_GET['age']:'';
echo '<br>'; //换行
echo isset($_GET['sex']) ? '性别：'.$_GET['sex']:'';
}
?>运行实例 »
点击 "运行实例" 按钮查看在线实例
