当前位置：首页 → 问答吧 → jquery ajax error 问题

jquery ajax error 问题

时间：2009-04-21

来源：互联网

复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>input 提示</title>
<script src="../../jquery.js" language="javascript"></script>
<style type="text/css">
html , body , div , span , p , img , a , ul , li , table , tr , td , form , input , button , textarea {
margin:0;
padding:0;
border:0;
}
body {
COLOR:#000;
font:normal normal normal 12px/180% Tahoma, Arial, Helvetica, sans-serif, "宋体";
}
#Class {
margin:100px;
}
#Class span {
margin-right:138px;
}
#Class input {
border:#ccc 1px solid;
margin-right:20px;
}
#Class textarea {
height:0;
width:0;
}
</style>
</head>
<body>
<div id='Class'>
<span>分类1:</span><span>分类2:</span><span>分类3:</span><span>分类4:</span>
<form action='http://127.0.0.1'>
<input type='text' /><input type='text' /><input type='text' /><input type='text' /><textarea></textarea>
</form>
</div>
<script>
$("#Class input").focus(function(){
var _this=$(this);
$("#Class").append("<div><img src='loading.gif' /></div>");
$("#Class div").css({'border':"#666 1px solid",'width':"140px",'margin-top':"-1px",'padding':"5px",'position':"absolute",'z-index':"1001",'left':_this[0].offsetLeft,'top':_this[0].offsetTop+19})
$.ajax({
url: "http://127.0.0.1/1/clew/5/1.html",
cache: false,
error: function(){alert('网络错误!');$("#Class textarea").focus()},
success: function(html){
}
});
});
</script>
</body>
</html>