当前位置: 代码迷 >> PHP >> ajax返回处置
  详细解决方案

ajax返回处置

热度:147   发布时间:2016-04-28 18:29:46.0
ajax返回处理


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


------解决思路----------------------
<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

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

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