Home > php教程 > php手册 > body text

php开发之AJAX一

WBOY
Release: 2016-06-13 09:05:33
Original
1464 people have browsed it

php开发之AJAX一

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

<code class="hljs" xml="">
</code>
Copy after login
<input onclick="testcheck()" type="button" value="submit" />

test.js

<code class="hljs" javascript="">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(&#39;您的浏览器不支持AJAX!&#39;);
        return;
    }

    var url=http://localhost/PHPTEST/index.php?isbn=110120;//这个地方一定要注意哦,刚开始的时候我在&lsquo;=&rsquo;前面多了一个空格,结果造成了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(&#39;123&#39;);
        // 处理返回结果
    }
}
</code>
Copy after login

index.php

<code class="hljs" xml=""><!--?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);
}

?-->
</code>
Copy after login

另外test.js的url应该是你的文件所在的路径,别弄错了哦,嘿嘿
下面给大家看看运行效果哦



 

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template