php开发之AJAX一

来源:互联网 发布:cf淘宝刷经验会封号吗 编辑:程序博客网 时间:2024/05/29 17:41

AJAX这个东东前两天刚刚接触到,听别人说挺有用的哦,觉的有必要学一下。
下面就通过get方法传递参数到php页面为例来说一下:
test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GB18030"><title>test</title><script type ="text/javascript" src ="test.js"></script></head><body><input type ="button" value ="submit" onclick ="testcheck()"></body></html>

test.js

var xmlHttp;function GetXmlHttpObject(){    if (window.XMLHttpRequest){      // code for IE7+, Firefox, Chrome, Opera, Safari      xmlhttp=new XMLHttpRequest();    }else{// code for IE6, IE5      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");    }    return xmlhttp;}// -----------ajax方法-----------//function testcheck(){    xmlHttp=GetXmlHttpObject();    if (xmlHttp==null){        alert('您的浏览器不支持AJAX!');        return;    }    var url="http://localhost/PHPTEST/index.php?isbn=110120";//这个地方一定要注意哦,刚开始的时候我在‘=’前面多了一个空格,结果造成了php页面获取不到参数,大家都一定要注意些哦    xmlHttp.open("GET",url,true);    xmlHttp.onreadystatechange=getOkGet;//发送事件后,收到信息了调用函数    xmlHttp.send();}function getOkGet(){    if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){        // 本地提示:加载中    }    if (xmlHttp.readyState==4 && xmlHttp.status==200){       alert(xmlHttp.responseText);       alert('123');        // 处理返回结果    }}

index.php

<?php header('Content-type:text/html');if(isset($_GET['isbn'])){    $isbn =$_GET['isbn'];    if(!$isbn){        echo("abc");    //  print "That request was not understood";    }else if ($isbn =="110120") {        echo($isbn);    //  print "JavaScript step by step";    }}else{    echo("aaa");}?>

另外test.js的url应该是你的文件所在的路径,别弄错了哦,嘿嘿
下面给大家看看运行效果哦
这里写图片描述
这里写图片描述
这里写图片描述
demo地址如下:demo

迫切希望能遇到一位大牛给予指导啊!!!

0 0
原创粉丝点击