cari

Rumah >hujung hadapan web >tutorial js >Penjelasan terperinci tentang pelaksanaan ajax jquery pendaftaran contoh_jquery pengesahan masa nyata

Penjelasan terperinci tentang pelaksanaan ajax jquery pendaftaran contoh_jquery pengesahan masa nyata

WBOY
WBOYasal
2016-05-16 15:26:551345semak imbas

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);
});

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);
});

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>

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;>

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

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Fungsi penarafan bintang dilaksanakan dalam kemahiran js_javascriptArtikel seterusnya：Fungsi penarafan bintang dilaksanakan dalam kemahiran js_javascript

Artikel berkaitan

Lihat lagi