AJAXに関する基本操作-PHPチュートリアル-php.cn

AJAXに関する基本操作

一个新手

リリース： 2023-03-16 06:32:02

オリジナル

1095 人が閲覧しました

AJAX 開発

AJAX は、「Asynchronous Javascript And XML」（非同期 JavaScript および XML）の略で、インタラクティブを作成する一種の Web 開発を指します。 Web アプリケーション技術。

AJAX = 非同期 JavaScript および XML (標準ユニバーサルマークアップ言語のサブセット)。

AJAX は、高速で動的な Web ページを作成するためのテクノロジーです。

AJAX を使用すると、バックグラウンドでサーバーと少量のデータを交換することで、Web ページを非同期に更新できます。これは、ページ全体を再読み込みしなくても、Web ページの一部を更新できることを意味します。

従来の Web ページ (AJAX を使用しない) では、コンテンツを更新する必要がある場合、Web ページ全体をリロードする必要があります。

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 中国語 Web サイトの他の関連記事を参照してください。