Ajax实现网页get请求
<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script type="text/javascript">
//读取json.js
$(document).ready(function(){
$("#b1").click(function(){
$.getScript("json.js");
});
});
//读取data.txt
$(document).ready(function(){
$("#b2").click(function(){
alert("come");
$.get("data.txt",function(data){alert(data);},"text");
});
});
function sendAjax(){
$.ajax({
url:"data.txt",dataType:"text",success:function(data,status){
alert("结果："+data);
alert("状态："+status);
},error:function(req,status,error){
alert("状态："+status);
alert("错误："+error);
}
});
};
</script>
</head>
<body>
<input type="button" id="b1" value="button1">
<input type="button" id="b2" value="button2">
<input type="button" id="b3" value="button3" onclick="sendAjax()"/>
</body>
</html>运行结果：