Ajax+PHP快速上手及简单应用

简介：

Ajax 由 HTML、JavaScript™技术、DHTML 和 DOM 组成，这一杰出的方法可以将笨拙的Web 界面转化成交互性的 Ajax 应用程序。

对于Ajax，最核心的一个对象是XMLHttpRequest，所有的Ajax操作都离不开对这个对象的操作。

创建XMLHttpRequest对象

对于IE浏览器：

xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');

对于其他浏览器：

xmlHttp = new XMLHttpRequest();

不同的浏览器对javascript中的XMLHttpRequest对象的支持是不一样的，所以需要根据情况做一下判断。

XMLHttpRequest对象相关方法

打开请求

XMLHttpRequest.open(传递方式,地址,是否异步请求)

准备就绪执行

XMLHttpRequest.onreadystatechange

获取执行结果

XMLHttpRequest.responseText

一个简单的php+Ajax的例子：

首先是test.js文件：

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

然后是执行php操作的文件，do.php

<?PHP
$id=@$_GET[id];
for($i=1;$i<10;$i++){echo $id;
}

然后是前端显示页面，test.html

<script src="test.js" type="text/javascript"></script>
<a href="#" onClick="php100(1)">1</a> ||
<a href="#" onClick="php100(2)">2</a> ||
<a href="#" onClick="php100(3)">3</a><div id="php100"></div>

转载于:https://www.cnblogs.com/zhezh/archive/2013/05/31/3773447.html

Ajax+PHP快速上手及简单应用相关推荐

快速上手seajs——简单易用Seajs
声明:本文为原创文章,如需转载,请注明来源并保留原文链接前端小尚,谢谢! 背景一个网站必然会涉及很多功能,tab选项卡.slide轮播图.pop弹出层.美化alert.paging分页等等等等,如果 ...
LTspice快速上手--搭建简单RC电路
1.安装并打开LTspice LTspice下载地址打开LTspice: 2.搭建简单RC电路 2.1 新建原理图单击File - New Schematic或者直接点击菜单栏中New Schem ...
绝对0基础，手撸一个公交时时到站查询的，快速上手，简单实用。不用数据库，无需后端基础。
0基础,自己动手撸的一个时时公交到站查询的小程序. 写在最前面结构布局页面布局首页的js代码,html和css我就不贴了写在最前面首先,自己不是一个专门搞程序开发的,之前没有html基础,没 ...
python--使用cnmaps绘制省界地图（快速上手，简单有效）
cnmaps是一个致力于让中国地图的获取和使用更丝滑的python扩展包. 当前版本具有以下几个主要功能: 自带合规地图边界,数据源来自于高德等测绘机构,让你无需再额外寻找地图边界文件. 支持地图边界 ...
Vue简单快速上手 idea版
文章目录版本插件安装和通过CDN使用Vue Vue的基本语法 v-bind 条件判断循环监听事件表单双绑 1.什么是双向数据绑定 2.在表单中使用双向数据绑定组件什么是组件第一个Vue ...
文件传送，如此简单－－ESFramework 4.0 快速上手（13）
在所有的通信系统中,文件传送是最常见也是最重要的功能之一,ESFramework对文件传送的强大支持也是其亮点之一,使用ESFramework可以非常轻松地实现与文件传送相关的所有需求.ESPlus. ...
简单python脚本实例-30个Python 小例子，帮你快速上手Python
可能很多人学编程有个误区,总想着从最基础的原理开始,看了一大堆书一堆视频还是不会,兴趣也早没了.而自己动手写代码是最好的开始方式,不管TM三七二十一,直接就是干,无论是看书还是看视频,确保身边有台电脑 ...
小程序源码：仿各大APP种树微信小程序源码下载-简单快速上手
这是一款仿各大APP的种树获取水果的一款微信小程序可以对树浇水,杀虫,修剪等等另外还有夺宝,更多小程序推荐支持流量主模式等等可以进行邀请好友加快树木的成长速度小程序源码下载地址: 小程序源码 ...
【快速上手系列】使用Springboot集成Swagger2的简单使用测试
[快速上手系列]使用Springboot集成Swagger2的简单使用测试简介 Swagger2是为了解决企业中接口(api)中定义统一标准规范的文档生成工具. 尤其是前后端分离时对一些业务接口也不 ...
APP种树微信小程序源码下载-简单快速上手
这是一款种树获取水果的一款微信小程序可以对树浇水,杀虫,修剪等等另外还有夺宝,更多小程序推荐可以进行邀请好友加快树木的成长速度下面是小编的演示图: 小程序源码下载地址:(已更新)APP种树微信 ...

Ajax+PHP快速上手及简单应用

简介：

创建XMLHttpRequest对象

XMLHttpRequest对象相关方法

一个简单的php+Ajax的例子：

Ajax+PHP快速上手及简单应用相关推荐

最新文章

热门文章