關於AJAX的基礎操作

來源:互聯網
上載者:User

AJAX開發

AJAX即“Asynchronous Javascript And XML”(非同步JavaScript和XML),是指一種建立互動式網頁應用的網頁開發技術。

AJAX = 非同步 JavaScript和XML(標準通用標記語言 (SGML)的子集)。

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=' {    $uid}'";    $arr = $db->query($sql,0);    if($arr[0][0]) {    //使用者名稱存在 echo "no";}else {    echo "ok";}

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.