>백엔드 개발 >PHP 튜토리얼 >AJAX의 기본 작업 정보

AJAX의 기본 작업 정보

一个新手
一个新手원래의
2017-09-28 13:42:321183검색

AJAX development

AJAX는 "Asynchronous Javascript And XML"(비동기 JavaScript 및 XML)을 의미하며, 대화형 웹 개발의 일종을 의미합니다. 웹 애플리케이션 기술.

AJAX = 비동기 JavaScript 및 XML(표준 범용 마크업 언어의 하위 집합).

AJAX는 빠르고 동적인 웹 페이지를 만드는 기술입니다.

AJAX를 사용하면 백그라운드에서 서버와 소량의 데이터를 교환하여 웹페이지를 비동기적으로 업데이트할 수 있습니다. 이는 전체 페이지를 다시 로드하지 않고도 웹페이지의 일부를 업데이트할 수 있음을 의미합니다.

AJAX를 사용하지 않는 기존 웹페이지에서는 콘텐츠를 업데이트해야 하는 경우 전체 웹페이지를 다시 로드해야 합니다.

AJAX 적용 예시

1. 등록 인터페이스 사용자 이름 프롬프트

효과는 다음과 같습니다.

코드는 다음과 같습니다.

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="bootstrap/js/jquery-1.11.2.min.js"></script> </head> <body> <input type="text" id="uid" /> <span id="test"></span> </body> <script>//Ajax//用户注册名提示$("#uid").blur(function() {
    //取用户名 var uid = $(this).val();
    //去数据库看用户是否存在 $.ajax( {
    url:"yhmchuli.php", //处理页面 data: {
    u:uid
}
, //传递数据;前为名,后为值 type:"POST", //数据提交方式 dataType:"TEXT", //返回的数据类型 success:function(data) {
    //回调函数 if(data.trim()=="ok") {
    //trim()去掉php文件前后空格 $("#test").text("该用户名可以使用!");
    $("#test").css("color","green");
}
else {
    $("#test").text("用户名已存在!");
    $("#test").css("color","red");
}
} }
);
}
)
</script></html>
php处理页面
<?php$uid = $_POST["u"];
    require_once "./DBDA.class.php";
    $db = new DBDA();
    $sql = "select count(*) from users where uid=&#39; {
    $uid
}
&#39;";
    $arr = $db->query($sql,0);
    if($arr[0][0]) {
    //用户名存在 echo "no";
}
else {
    echo "ok";
}


위 내용은 AJAX의 기본 작업 정보의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.