jquery中ajax异步获取的get方法使用
2011-03-15 阅读 157
一直以来对于jquery中ajax异步获取的get使用方法都不是很清晰，所以写下这篇文章以便于记录和学习。
<pre class="brush:xml;"> ＜!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"＞
＜html＞
＜head＞
＜meta http-equiv="Content-Type" content="text/html; charset=UTF-8"＞
＜title＞Insert title here＜/title＞
＜script type="text/javascript" src="js/jquery-1.4.2.min.js"＞
＜/script＞
＜/head＞
＜body＞
＜form action="#" method="post"＞
用户名:＜input type="text" name="username" id="username"＞＜span id="checkname"＞用户名是否被用＜/span＞
＜div id="user"＞
＜/div＞
＜/form＞
＜script type="text/javascript"＞
var username = $('#username').val();
$('#checkname').bind('click', function(){
$.get('get.php?username=' + username, null, display);
});
function display(data){
$('#user').html(data);
}
＜/script＞
＜/body＞
＜/html＞
```
<p>
// get.php 服务器端文件</p>
<pre class="brush:php;"> ＜?php
$username = $_GET['username'];
if($username){
$link = mysql_connect('localhost','root','') or die(mysql_error());
mysql_select_db('users',$link) or die(mysql_error());
$sql = 'select * from `users` where name = $username;
$ret = mysql_query($sql);
if($ret){
echo '用户名已经注册，请再换一个试试吧';
}else{
echo '用户没有注册可以使用';
}
}
?＞
```
jquery ajax 异步 获取 get 方法 使用
更新于 2023年03月28日
