먼저 get() 함수를 소개합니다:
URL,[데이터],[콜백],[유형]
매개변수 설명:
url: 로드할 페이지의 URL 주소
data: 전송할 키/값 매개변수입니다.
callback: 로딩이 성공했을 때의 콜백 함수입니다.
유형: 콘텐츠 형식, xml, html, 스크립트, json, 텍스트, _default를 반환합니다.
먼저 testGet.php 인스턴스를 만듭니다.
<?php $web = $_GET['webname']; echo "你现在访问的网站是:".$web; ?>
그런 다음 ajax.html 파일을 만듭니다.
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>php点点通 - 关注php开发,提供专业web开发教程! </title> <script type="text/javascript" src="./jquery-1.7.1.min.js"></script> <script> $(document).ready(function(){ $("#btn").click(function(){ $.get("testGet.php",{web:"www.phpddt.com"},function(data,textStatus){ $("#result").append("data:"+data); $("#result").append("<br>textStatus:"+textStatus); }); }); }); </script> </head> <body> <input type="button" value="测试" id="btn" /> <h2>显示的内容如下:</h2> <div id="result"></div> </body> </html>
테스트 전 초기 페이지는 다음과 같습니다.
테스트를 클릭한 후의 결과는 다음과 같습니다.