ajax返回处理-php教程-PHP中文网

ajax返回处理

php中文网

发布： 2016-06-23 13:48:52

原创

1299人浏览过

$.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就循环几个

插入值

；

插入值1

插入值2

凡人网络购物系统

v8.0新增功能：01. 网站界面后台随意更换，每个分类可以定义不同界面风格02. 完善留言簿功能，添加管理员回复功能03. 增加缺货登记功能：客户需要网站没有的相关商品，可以在这里提交，网站如果条件可以及时补货，供客户选择04. 订单状态增加：已处理等待付款状态05. 订单各状态管理时增加补充说明功能，包括：客户付款后将订单状态更改为已付款，可以在补充说明里注明付款方式和金额

查看详情

回复讨论(解决方案)

<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>

登录后复制

<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>

登录后复制

效果没起作用

<!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

<?phpecho '{"status":1,"info":"\u7ed3\u675f","data":[{"wjc_title":"2\u53a2\u5c0f\u8f7f\u8f66"},{"wjc_title":"3\u53a2\u5c0f\u8f7f\u8f66"}],"jieg":11}';?>

登录后复制

本末倒置！
php 作为服务端，理应按客户端的要求返回数据
你连客户端代码都不会写，那还 ajax 做什么？

不是把客户端需求传给服务端，服务处理结果在返给前端显示？
客户端代码和JQ不一样吧！