php100视频之Ajax+PHP快速上手及应用（一）【第48讲】

sunage001 · 发表于 2017-4-12 12:35:16

　　最近做网站，要用到这个知识，所以到php100的网站上去看了这个视频，现在把总结写在这里：
　　1、核心内容是js技术
　　2、原理结构图：

　　3、 XMLHttpRequest对象相关方法：XMLHttpRequest.open(); XMLHttpRequest.onreadystatechange; 获取执行结果XMLHttpRequest.responseText
　　

　　以下为一个完整的例子：
　　index.php

<!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>无标题文档</title>
<script type="text/javascript" src="ajax.js"></script>
</head>
<body>
<a href="#" >o</a>
<a href="#" >t</a>
<a href="#" >x</a>
<div id="php100"></div>
</body>
</html>

ajax.js
// JavaScript Document
var xmlHttp;
function S_xmlhttprequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
}else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function funphp100(url){
S_xmlhttprequest();
xmlHttp.open("GET","for.php?id="+url,true);
xmlHttp.onreadystatechange = byphp;
xmlHttp.send(null);
}
function byphp(){
var byphp100 = xmlHttp.responseText;
document.getElementById('php100').innerHTML = byphp100;
}

for.php
<?php
if($id = $_GET[id]){
for($i = 1; $i < 20; $i++)
echo $id;
exit();
}
?>

最后结果如下：

　　

　　例子下载：http://download.csdn.net/detail/comeontom/4427572
　　

　　

账号		自动登录	找回密码
密码			立即注册

HERE 使用 AWS EF 和 JFrog Artifactory 打

wirelessnetview好用的无线分析工具

Red Hat RHCE 8 (EX294) Cert Guide

亿图图示专家(EDraw Max) V7.9 中文破解版

zabbix3.4.1安装部署+微信推送信息+大屏显

Red Hat OpenShift I: Containers & Kubern

2025 年，C++ 还能“硬核”多久？

[经验分享] php100视频之Ajax+PHP快速上手及应用（一）【第48讲】

浏览过的版块

扫码加入运维网微信交流群