AJax技术

PHP+Ajax快速入门示例

字号+ 作者:H5之家 来源:H5之家 2016-12-02 13:01 我要评论( )

三零网提供网络编程、 PHP编程 的技术文章PHP+Ajax快速入门示例给大家,希望大家喜欢,关键词PHP+Ajax快速入门示例

下面为大家带来一篇 PHP+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>

 

以上就是关于PHP+Ajax快速入门示例 的内容,希望已经解决你的问题。


延伸阅读:
·PHP浅析CI框架实现AJAX分页
·PHP+Ajax实现表单验证示例
·AJAX实现跨域访问的两种方法
·ajax+php中文乱码的解决方法
·ajax请求被挂起取消方法
·PHP 实现AJAX获取网页并输出
·ThinkPHP内置ThinkAjax实现异步传输技术示例
·php解决XMLHttpRequest(Ajax)不能设置自定义的Referer
·php+Ajax实现唯一校验示例
·php判断一个请求是ajax请求还是普通请求
·PHP实现ajax 的post方法示例
·php利用Ajax实现异步文件上传示例
·php浅析ajax框架xajax入门和用法示例
·asp+ajax实现二级联动菜单
·php+Ajax实现进度条显示

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • AJAX实现跨域访问的两种方法

    AJAX实现跨域访问的两种方法

    2016-12-02 16:00

  • ajax提交form表单实例

    ajax提交form表单实例

    2016-12-02 11:00

  • response.getWriter().write()用来ajax

    response.getWriter().write()用来ajax

    2016-11-28 16:06

  • jquery笔记:实用小技巧

    jquery笔记:实用小技巧

    2016-11-28 10:00

网友点评