Ajax无刷新

目录

1. 为什么使用Ajax ? 

2. $.ajax()

3. $.post()

---

采用Ajax无刷新技术需依赖   jquery-3.3.1.min.js

1. 为什么使用Ajax ? 

• 无刷新：不刷新整个页面，只刷新局部 

1.1 无刷新的好处: 

• 只更新部分页面，有效利于宽带，提高用户体验

2.  $.ajax()

• 通过 HTTP 请求加载远程数据。 

•  $.ajax()语法的使用

<script src="jquery-3.3.1.min.js" type="text/javascript"></script>
<script>      
$.ajax({
	  url:"http://www.baidu.com",
	  type: "post",
      data:{请求参数:键值对类型},
	  dataType: 'json',
	  success:function(resp) { 
      console.info(resp)
 }
  
});
</script>

 3. $.post()

通过远程 HTTP POST 请求载入信息。

• 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。 

• $.post()语法的使用 

<script src="jquery-3.3.1.min.js" type="text/javascript"></script>
<script> 
$.post('请求参数',{请求参数:键值对类型},function(data){
  console.log(data);
 },'json');//数据类型

</script> 

---