Penjelasan terperinci tentang pelaksanaan ajax jquery pendaftaran contoh_jquery pengesahan masa nyata-tutorial js-php.cn

Penjelasan terperinci tentang pelaksanaan ajax jquery pendaftaran contoh_jquery pengesahan masa nyata

WBOY

Lepaskan： 2016-05-16 15:26:55

asal

1332 orang telah melayarinya

Contoh dalam artikel ini menerangkan pelaksanaan pengesahan pendaftaran masa nyata menggunakan jquery ajax. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Apabila kami mendaftarkan pengguna, kami akan digesa dalam masa nyata sama ada maklumat pengguna tersedia. Ini adalah aplikasi ajax Saya telah melihatnya semula hari ini dan merekodkannya _∩) Oh!

Mula-mula, mari perkenalkan $.get dalam ajax Memandangkan penggunaan $.post adalah serupa dengan $.get, saya tidak akan memperkenalkannya lagi:

Ini ialah fungsi permintaan GET yang mudah untuk menggantikan kompleks $.ajax. Fungsi panggil balik boleh dipanggil apabila permintaan berjaya. Jika anda perlu melaksanakan fungsi pada ralat, gunakan $.ajax.

Salin kod Kod adalah seperti berikut:

$(selector).get(url,data,success(respons, status,xhr ),dataType)

Parameter	Penerangan
url	Diperlukan. Menentukan URL yang permintaan akan dihantar.
data	Pilihan. Menentukan data untuk dihantar ke pelayan dengan permintaan.
kejayaan(respon, status,xhr)	Pilihan. Menentukan fungsi untuk dijalankan apabila permintaan berjaya. Parameter tambahan: respons - Mengandungi data hasil daripada permintaan status - Mengandungi status permintaan xhr - Mengandungi objek XMLHttpRequest
dataType	Pilihan. Menentukan jenis data tindak balas pelayan yang dijangkakan. Secara lalai, jQuery akan membuat keputusan yang bijak. Jenis yang mungkin: "xml" "html" "teks" "skrip" "json" "jsonp"

Minta halaman web test.php, abaikan nilai pulangan:

Salin kod Kod adalah seperti berikut:

$.get("test.php");

Lagi contoh:

Contoh 1

Minta halaman web test.php, hantar 2 parameter, abaikan nilai pulangan:

Salin kod Kod adalah seperti berikut:

$.get("test.php", { name : "John", masa: "2pm" } );

Contoh 2

Tunjukkan nilai pulangan test.php (HTML atau XML, bergantung pada nilai pulangan):

$.get("test.php", function(data){
 alert("Data Loaded: " + data);
});

Salin selepas log masuk

Contoh 3

Paparkan nilai pulangan test.cgi (HTML atau XML, bergantung pada nilai pulangan), tambah satu set parameter permintaan:

$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
  alert("Data Loaded: " + data);
});

Salin selepas log masuk

Tampal kod saya di bawah:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户注册</title>
<script type="text/javascript" src="jquery/jquery-1.5.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#username").focus();
$("#username").keyup(function()
{
  name= $("#username").val();//val()方法返回或设置被选元素的值。
  if(len(name)< 4)//调用下面的自定义len函数
  $("#username1").html("<font color=red>注册名称必须大于等于2位</font>");
  else
  $("#username1").html("<font color=red>符合要求</font>");//html() 方法返回或设置被选元素的内容 (inner HTML)。
});
$("#username").blur(function(){
name= $("#username").val();
$.get("t1.php", { username:name } ,function(data){//判断数据库中是否存在此用户名 重点$.get,$.post t1.php在下面
  if(data==1) {$("#username1").html("<font color=green>符合要求</font>");}
  else {$("#username1").html("<font color=green>已被占用</font>");}
});
});
});
function len(s) {//若为汉字之类的字符则占两个
var l = 0;
var a = s.split("");
for (var i=0;i<a.length;i++) {
 if (a[i].charCodeAt(0)<299) {
 l++;
 } else {
 l+=2;
 }
}
return l;
}
</script>
</head>
<body>
<form name="fram" action="register.php" onsubmit="return docheck();">
<table width="330" border="0" align="center" cellpadding="5" bgcolor="#eeeeee">
<tr>
  <td>用户名：</td>
  <td><input name="username" type="text" id="username" /></td><td><div id="username1"></div></td>
</tr>
</table>
</form>
</body>
</html>

Salin selepas log masuk

t1.php：

<&#63;php 
$link=mysql_connect("localhost","root","");
mysql_select_db("test");
mysql_query("set names utf8");//
$sql="select * from user where user='".$_GET['username']."'";//
  $result=mysql_query($sql) or die(mysql_error());
$num=mysql_affected_rows();
if($num==0)
$msg=1;
else
  $msg=0;
echo $msg;//返回值
mysql_close($link);
&#63;>

Salin selepas log masuk

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.