ホームページ >バックエンド開発 >PHPチュートリアル >Ajax と PHP の例の分析
この記事では主に Ajax と PHP の例の分析について説明します。この記事のコードが役立つことを願っています。
フォーム:
用户名:<input type="text" id="username" value="" /> 密码:<input type="password" id="password" value="" /> <br /><br /> <input type="submit" id="update" name="提交" />
JavaScript Ajaxリクエスト
var update = document.getElementById("update"); update.onclick = function(){ var username = document.getElementById("username").value; var pass = document.getElementById("password").value; //步骤1:创建Ajax对象 if(window.XMLHttpRequest){ var ajax = new XMLHttpRequest();//在主流浏览器下创建Ajax对象 }else{ var ajax = new ActiveXObject("Microsoft.xmlhttp");//在IE浏览器下创建Ajax对象 } //步骤2:开启ajax /**************get方式***********/ var url = "http://localhost/test/get.php?username="+username+"&password="+pass; ajax.open("GET",url,true); //步骤3:发送数据(请求) ajax.send(); /******post方式*******/ // ajax.open("POST","dealDate.php",true); // //请求过程中数据的编码格式(POST专用操作) // ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded"); // var parameter = "username="+username+"&password="+pass; // ajax.send(parameter); //步骤4:等待接收数据 /*Ajax对象在执行过程中伴随着状态的切换,共存有5中状态的切换 0.代表Ajax对象的创建,但是未调用open方法 1.代表Ajax对象调用open方法,但是未调用send方法 2.代表Ajax对象调用send方法,但是还没有接收到数据 3.代表Ajax对象正在接收数据 4.代表Ajax对象接收数据完成 */ ajax.onreadystatechange = function(){ if(ajax.readyState == 4){ if(ajax.status >= 200 && ajax.status < 300 || ajax.status == 304){ //输出服务器返回的数据,但是该数据必须是通过echo输出的文本数据 var p = document.createElement("p"); p.innerHTML = ajax.responseText; document.body.appendChild(p); } } } }
バックグラウンドPHPによって受信されたデータ:
<?php header("Content-type:text/html;charset=utf-8");//显示中文 $user = $_GET["username"]; $password = $_GET["password"]; echo "{$user}".":"."{$password}"; ?>
関連する推奨事項:
携帯電話番号の非更新検証を実装するためのajaxとphpのインスタンス分析
AJAX と PHP を介して JQuery Mobile フォームを送信する (2 つの記事)
以上がAjax と PHP の例の分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。