如何使用ajax接受json返回的字符串数组，并动态异步显示到超链接的下面

最新推荐文章于 2022-08-28 00:43:29 发布

sightlesseye

最新推荐文章于 2022-08-28 00:43:29 发布

阅读量2k

点赞数 1

本文链接：https://blog.csdn.net/sightlesseye/article/details/53107015

版权

<%@page contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<html>
<head>
<script type="text/javascript" src="js/jquery-1.4.3.js"></script>
<script type="text/javascript">
$(function(){
$('a.s1').toggle(f1,f2);
});

var txt;
function f1(){
//先找到航班号
var flight = $(this).parent().siblings().eq(0).text();
/*
load会向服务器发送异步请求，并且将服务器返回的数据添加到div节点上
*/
obj = $(this).next();

$.ajax({
"url":"getFlight.do",
"type":"get",
"data":{"flight":flight},
"dataType":"json",
"success":function(data){
//当服务器处理正常:
/*
如果服务器返回的是json字符串，那么$.ajax函数会自动将这个json字符串
转换成javascript对象。
*/
txt = data[0]+":"+data[1]+"<br/>"+data[2]+":"+data[3];
obj.html(txt);
},
"error":function(){
//服务器处理发生异常:
alert("出错");
}
});

}

function f2(){

$(this).next().empty();
}
</script>
</head>
<body style="font-size:30px;">
<table border="1" width="80%" cellpadding="0" cellspacing="0">
<tr>
<td>航班号</td>
<td>机型</td>
<td>经济舱价格</td>
<td></td>
<td></td>
</tr>
<tr>
<td>CA1234</td>
<td><a href="#">波音747</a></td>
<td>1200</td>
<td>
<a href="javascript:;" class="s1">查看其他票价</a>
<div class="d"></div>
</td>
<td><input type="button" value="订票"></td>
</tr>

<tr>
<td>MU1234</td>
<td><a href="#">空客320</a></td>
<td>800</td>
<td>
<a href="javascript:;" class="s1">查看其他票价</a>
<div class="d"></div>
</td>
<td><input type="button" value="订票"></td>
</tr>
<!- jquery ajax回调函数中调用$(this)无法调用的问题解决方法-!>

</table>
</body>
</html>

sightlesseye

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何使用ajax接受json返回的字符串数组，并动态异步显示到超链接的下面

pageEncoding="utf-8"%>$(function(){$('a.s1').toggle(f1,f2);});var txt;function f1(){//先找到航班号var flight = $(this).parent().siblings().eq(0).text();/*load会向服务器发送异步请求，并且将服务器返回
复制链接

扫一扫