AJAXに関する基本操作
- 一个新手オリジナル
- 2017-09-14 09:16:041095ブラウズ
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='{$uid}'";
$arr = $db->query($sql,0);
if($arr[0][0]){//用户名存在
echo "no";
}else{
echo "ok";
}以上がAJAXに関する基本操作の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。