Ajax get

来源：互联网发布：oppo网络营销策划书编辑：程序博客网时间：2024/05/17 15:03

HTML内容

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>ok</title>
<body>
<form>
<p>show list of:
<select id='choice'>
<option value=" ">select</option>
<option value="good">good guys</option>
<option value="bad">bad guys</option>
</select>
</p>
<p id="result"></p>
</form>
<script src="./js/jquery.js"></script>
<script src="./js/co.js"></script>
</body>
</html>

js内容

$(document).ready(function()
{
$('#choice').change(function()
{
if($(this).val()!=' ')
{
alert($(this).val());
$.get('./php/login.php',{what:$(this).val()},
function(data)
{
$('#result').html(data);
});
}
});
});

php内容

<?php
if($_GET['what']=='good')
{
$names=array('sherlock','yu');
echo getHTML($names);
echo 'nihao';
echo "<script>alert('yao');</script>";
}
function getHTML($names)
{
$strR='<ul>';
for($i=0;$i<count($names);$i++)
{
$strR.='<li>'.$names[$i].'</li>';
}
$strR.='</ul>';
return $strR;
}
?>

0 0