最简单的jQuery与ajax

最新推荐文章于 2022-10-28 16:00:20 发布

andyli2018

最新推荐文章于 2022-10-28 16:00:20 发布

阅读量568

点赞数

分类专栏： jquery和ajax

2 篇文章 0 订阅

订阅专栏

现在正在学习jQuery，ajax，苦于一直没有实现过，今天终于实现了一个最简单的应用。

首先建立一个html页面，取名test.html。

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8″ />
<title>jQuery ajax</title>
<script type=“text/javascript” src=“../jquery-1.5.2.min.js”></script>
<script type=“text/javascript” src=“test.js”></script>
</head>
<body>
用户名：<input type=“text” size=“6″ name=“NAME” id=“NAME”/>
<span id=“gradeinfo”></span>
</body>
</html>

然后建立.js文件，取名test.js

最后来建立test.php文件，后台查询数据和返回给js

<?php
header(“Content-type:text/html;charset=utf-8″);
$name = $_GET['name'];
$link = mysql_connect(“localhost”,“root”,“123456″)or die(“数据库连接失败”.mysql_error());
mysql_select_db(“test”,$link);//此处数据库名,即test,改为你自己的
mysql_query(“set names utf8″);
$sql = “SELECT * FROM z_class WHERE name=’{$name}’”;//此处表名，即z_class,改为你自己的
$result = mysql_query($sql);
$info = mysql_fetch_array($result,MYSQL_ASSOC);
if($info)
{
echo ’1′;
} else {
echo ’0′;
}
exit();
?>

PS:不要忘记导入jQuery文件！

关注

专栏目录