Ignite

Ajax应用

2017-04-03

一. ajax是什么,有什么作用?

ajax分为同步请求和异步请求两种。
ajax的异步好处:用户在浏览网页同时点击一个ajax异步请求,这个时候用户无需等待、使用javascript脚本实现页面的动态局部刷新。
坏处就是post请求不能跨域,比如a.com请求b.com等
小链接:(https://blog.csdn.net/cwj649956781/article/details/22414533)

二.ajax的使用

这里放一个小案例,仅供参考:
先导入包:【写到(/boday)的后面或(header)(/header)里都可以】

1
<script type="text/javascript" src="jquery/jquery-3.1.1.js"></script>

下面的写到(body)与(/body)之间:

1
2
<button onclick="test()">测试</button>
<span id="a"></span>

下面这部分写到(/body)的后面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
function test(){
var count='';
$.ajax({
type:"get", //写请求方式
url: "./findAllTicker", //写要跳转页面的Url
dataType:"json", //后台返回数据的格式为json
async:true, //true为异步请求
success: function(map){ //map 为我自己写的接收后台返回的数据
$("#a").html(map.count); //在页面上输出数据
//$("#a")[0].innerHTML=map.count; //在页面上输出数据
}

});
}
</script>
运行截图:

ajax01

ajax02

小链接:(https://www.cnblogs.com/sdya/p/4624578.html)

使用支付宝打赏
使用微信打赏

若你觉得我的文章对你有帮助,欢迎点击上方按钮对我打赏

扫描二维码,分享此文章