首頁 > php教程 > php手册 > php开发之AJAX一

php开发之AJAX一

WBOY
發布: 2016-06-13 09:05:33
原創
1467 人瀏覽過

php开发之AJAX一

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

<code class="hljs" xml="">
</code>
登入後複製
<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>
登入後複製

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>
登入後複製

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



 

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板