ajax返回处理

象程序 2014-09-23 02:27:54


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

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

...全文
155 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
象程序 2014-09-25
  • 打赏
  • 举报
回复
引用 4 楼 xuzuning 的回复:
本末倒置! php 作为服务端,理应按客户端的要求返回数据 你连客户端代码都不会写,那还 ajax 做什么?
不是把客户端需求传给服务端,服务处理结果在返给前端显示? 客户端代码和JQ不一样吧!
象程序 2014-09-24
  • 打赏
  • 举报
回复
引用 1 楼 orangeholic 的回复:
<script type="text/javascript">

    var data = {"status":1, "info":"\u7ed3\u675f", "data":[
        {"wjc_title":"2\u53a2\u5c0f\u8f7f\u8f66"},
        {"wjc_title":"3\u53a2\u5c0f\u8f7f\u8f66"}
    ], "jieg":11};


    function insert(data) {

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

        var $target = jQuery('div.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>
效果没起作用
xuzuning 2014-09-24
  • 打赏
  • 举报
回复
本末倒置! php 作为服务端,理应按客户端的要求返回数据 你连客户端代码都不会写,那还 ajax 做什么?
傲雪星枫 2014-09-24
  • 打赏
  • 举报
回复

<!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"></script>
 </head>

 <body>

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

  <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":"\u7ed3\u675f","data":[{"wjc_title":"2\u53a2\u5c0f\u8f7f\u8f66"},{"wjc_title":"3\u53a2\u5c0f\u8f7f\u8f66"}],"jieg":11}';
?>
侑子的小伙伴 2014-09-23
  • 打赏
  • 举报
回复
<script type="text/javascript">

    var data = {"status":1, "info":"\u7ed3\u675f", "data":[
        {"wjc_title":"2\u53a2\u5c0f\u8f7f\u8f66"},
        {"wjc_title":"3\u53a2\u5c0f\u8f7f\u8f66"}
    ], "jieg":11};


    function insert(data) {

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

        var $target = jQuery('div.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>

21,886

社区成员

发帖
与我相关
我的任务
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧