最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

ajax返回处置

来源:http://erdangjiade.com/topic/79530.html 你好,世界。 2017-10-04 21:03浏览(0)

ajax返回处理


$.get("pai.php",{bbid:bbid,pid:pid,},function(data){
alert("a:"+data);
alert("b:"+data.status);
},"json");
返回值:{"status":1,"info":"u7ed3u675f","data":[{"wjc_title":"2u53a2u5c0fu8f7fu8f66"},{"wjc_title":"3u53a2u5c0fu8f7fu8f66"}],"jieg":11}
返回值不会处理了,还是对jq不太了解。
我怎么把返回值data里的wjc_title的值插入到p里的li里,有几个wjc_title就循环几个<ul><li>插入值</li></ul>;

<p class="row">
<ul>
<li>插入值1</li>
</ul>
<ul>
<li>插入值2</li>
</ul>
<p>


------解决思路----------------------
<script type="text/javascript">

var data = {"status":1, "info":"u7ed3u675f", "data":[
{"wjc_title":"2u53a2u5c0fu8f7fu8f66"},
{"wjc_title":"3u53a2u5c0fu8f7fu8f66"}
], "jieg":11};


function insert(data) {

if (!jQuery.isArray(data.data)) return false;

var $target = jQuery('p.row').empty();

for (var i = 0; i < data.data.length; ++i) {

$target.append("<ul><li>" + data.data[i].wjc_title + "</li></ul>");
}

return true;
}

insert(data);

</script>

------解决思路----------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> New Document </title>
<script src="//code.jquery.com/jquery-1.11.0.min.js?3.8.99"></script>
</head>

<body>

<p class="row">
<ul>
<li>插入值1</li>
</ul>
<ul>
<li>插入值2</li>
</ul>
<p>

<script type="text/javascript">
var bbid = 1;
var pid = 1;

$.get("pai.php",{bbid:bbid,pid:pid,},function(data){
for(var i=0; i<data.data.length; i++){
$($('.row').find('li').get(i)).html(data.data[i].wjc_title);
}
},"json");
</script>

</body>
</html>


pai.php

<?php
echo '{"status":1,"info":"u7ed3u675f","data":[{"wjc_title":"2u53a2u5c0fu8f7fu8f66"},{"wjc_title":"3u53a2u5c0fu8f7fu8f66"}],"jieg":11}';
?>

------解决思路----------------------
本末倒置!
php 作为服务端,理应按客户端的要求返回数据
你连客户端代码都不会写,那还 ajax 做什么?

评论0
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

1 2