Ajax总结(一)
2018-06-20 本文已影响4人
风的低语
<!--用在页面少量数据(一部分数据)需要访问服务器更新,并且达不到刷新整个页面的效果
ajax就是一项动态无刷新技术
ajax基于js脚本 由于jq封装的是js,jq能用ajax技术
ajax 主要工作,前后端数据交互
靠传输的数据格式作为标准
前后端都要学
不同步
不等待结果
不影响其他结果
不全部页面更新
$.(ajax{
url:"发送的请求地址",
type:请求方式
data要发送的数据
async:boolean
});
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery-1.8.3.js"></script>
<script>
$(function(){
$("button").click(function(){
$.ajax({//能够从服务器获取数据
url:"Data/serverData.txt",//jsonp
type:"get",
dataType:"text",//数据类型
success:function(data){//回调函数
// alert(data);
$(".showData").html(data);//从服务器获取的数据
},
});
});
})
</script>
</head>
<body>
<button>获取数据</button>
<div class="showData">
</div>
</body>
</html>
