이 글은 AJAX 캡슐화된 클래스 사용에 대한 가이드를 주로 소개하고 있으니 꼭 필요하신 분들은 참고하시면 됩니다.
AJAX는 얘기하기 어려울 것 같지만, 캡슐화해 보면 사용법도 매우 간단하다는 것을 알 수 있습니다. , 게시판 응용 프로그램 등의 간단한 응용 프로그램이기도합니다. 우선 AJAX 클래스 패키지를 선물로 드리겠습니다. 다운로드 주소는 http://xiazai.jb51.net/201412/입니다. yuanma/ajax3.0(jb51.net).rar 여기 이 수업을 다운로드하고 사용 방법을 모두에게 가르쳐주세요!
예시!
<html> <head> <title>Ajax实例</title> <script src="ajax3.0.js"></script> </head> <body> <script> document.write(new Date()+"<br>"); document.write(new Date()+"<br>"); document.write(new Date()+"<br>"); </script> <p id="show" style="background:yellow;border:1px solid blue"> 内容加载中..... </p> <script> function read() { Ajax().get("read.php?num="+Math.random(), function(data){ document.getElementById("show").innerHTML=data; }) } read(); setInerval("read()",3000); function send() { var username=document.frm.username; var desn=document.frm.desn; var datao = {username:username.value, desn:desn.value}; Ajax().post("save.php", datao, function(data){ read(); username.value=""; desn.value=""; }); } </script> <form name="frm"> 用户名:<input type="text" name="username" value=""><br> 内容: <textarea cols="40" rows="5" name="desn"></textarea> <input type="button" onclick="send()" value="留言"> </form> <script> document.write(new Date()+"<br>"); document.write(new Date()+"<br>"); document.write(new Date()+"<br>"); </script> </body> </html>
먼저 ajax3.0.js 파일을 추가한 다음 Ajax().post("save.php", datao, function(data))
ajax() 두 매개변수를 먼저 작성합니다. 첫 번째 매개변수는 xml json을 반환합니다. 또는 html. 두 번째는 비동기 전송의 경우 true이고 동기 전송의 경우 false입니다. ㅎㅎ
하단은 php 파일입니다
//read.php @readfile("demo.txt"); //save.php // header("Content-Type:text/html;charset=gb2312") $username=$_POST["username"]; $desn = $_POST["desn"]; $fh = fopen("demo.txt", "a"); $text=$username."--".date("Y-m-d H:i:s")."说:".$desn."<br>"; fwrite($fh, $text); fclose($fh); //demo.text fdsafdsa--2012-11-01 12:24:04说:fdsafdsa<br>fdsafdsa--2012-11-01 12:24:07说:fdsafdsafsa<br>111--2012-11-01 12:25:07说:2222<br>eeee--2012-11-01 12:25:10说:eeee<br>fdsfds--2012-11-01 12:25:12说:fdsfdsfds<br>fdsfds--2012-11-01 12:25:19说:fdsfdsfs<br>fdsfdsf--2012-11-01 12:25:22说:sfdsfdsfds<br>fdsafdsa--2012-11-01 12:26:00说:fdsafdsa<br>
위 내용은 제가 정리한 내용이길 바랍니다. 앞으로 모든 사람에게 도움이 됩니다.
관련 기사:
Django가 Ajax 포스트 데이터를 사용할 때 403 오류를 해결하는 방법
Ajax 요청 결과에 대한 IE의 캐싱 문제에 대한 간략한 분석
위 내용은 AJAX 래퍼 클래스 사용 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!