这是如何在 JQuery 中使用 ajax 功能的起点。
编辑 - 单独的 javascript 文件
html 文件:
<html>
<head><title> Ajax test page</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="ajaxfunctions.js"></script>
</head>
<body>
<div id="ajaxResult"></div>
</body>
</html>
名为“ajaxfunctions.js”的 js 文件:
$(document).ready(function() {
$("#ajaxResult").load("ajaxHello.php");
});
名为“ajaxHello.php”的 php 文件:
<?php
header("text/html");
echo "hello from php";
?>
要从数据库中读取数据,php 代码需要更长一点:
<?php
header("text/html");
$username = "root";
$password = "";
$databaseName = "mydatabase";
$connect = mysql_connect("localhost",$username,$password);
if (!$connect) die("Connection Error");
$result = mysql_select_db("$databaseName");
if(!$result) die("Select DB Error");
$result = mysql_query("select email from users where firstname='Abbey'");
if (!$result) die('Invalid query: ' . mysql_error());
$row = mysql_fetch_assoc($result);
echo "Abbeys email address ".$row['email'];
?>
此示例从用户数据库的用户表中查找 Abbey 的电子邮件地址并将其返回。数据库名称、用户名和密码都设置在脚本的顶部。
通常,ajax 请求会从 html 页面传递一些数据,如果有帮助,我很乐意添加此代码。
这是否像您正在寻找的东西?