前端老白-ajax php jquery

AJAX、PHP 和 JQuery 是三个重要的 Web 开发工具。它们各自有独特的作用和优势，协同工作时能够给 Web 开发带来更多的效率和功能。

AJAX (Asynchronous JavaScript and XML) 能够在页面不刷新的情况下向服务器发送请求，获取数据并且更新页面。在需要频繁更新页面、请求数据的应用中，AJAX 的效果非常显著。AJAX 技术一般使用 JavaScript 来实现。

var xmlhttp;
if (window.XMLHttpRequest) {
//  IE7+, FireFox, Chrome, Safari, Opera
xmlhttp=new XMLHttpRequest();
} else {
// IE5, IE6
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","myData.txt",true);
xmlhttp.send();

PHP (Hypertext Preprocessor) 是一种流行的服务器端脚本语言，可以用来开发动态的网站和 Web 应用。PHP 主要用于与数据库配合，在服务器上进行数据处理和逻辑控制等。PHP 与前端语言 JavaScript 搭配使用，使得 Web 网站和 Web 应用更加交互和生动。

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
$sql = "SELECT id, firstname, lastname FROM MyGuests";
$result = $conn->query($sql);
if ($result->num_rows >0) {
// 输出数据
while($row = $result->fetch_assoc()) {
echo "id: " . $row["id"]. " - Name: " . $row["firstname"]. " " . $row["lastname"]. "<br>";
}
} else {
echo "0 结果";
}
$conn->close();
?>

JQuery 是 JavaScript 库的一个子集，最初由美国约翰斯·霍普金斯大学的 John Resig 设计和开发。JQuery 简化了 JavaScript 的开发和操作，提供了可重复的 JavaScript 增强和简化。JQuery 的最终目的是提供更加简单、快捷且兼容性更好的 Web 开发体验。

<!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script>$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script></head><body><h2>This is a heading</h2><button>Click me to hide paragraphs</button><p>This is a paragraph.</p><p>This is another paragraph.</p></body></html>

综上所述，AJAX、PHP 和 JQuery 分别具有其独特的优势，通过它们我们可以创建更加动态、交互、快速的 Web 应用和网站。