AJAXの基本操作について
- 一个新手オリジナル
- 2017-09-28 13:42:321125ブラウズ
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 までご連絡ください。