Home  >  Article  >  Backend Development  >  ajax返回处置

ajax返回处置

WBOY
WBOYOriginal
2016-06-13 12:07:08941browse

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

  • 插入值




  • 插入值1



  • 插入值2





------解决思路----------------------
<script type="text/javascript"><br /><br />    var data = {"status":1, "info":"\u7ed3\u675f", "data":[<br />        {"wjc_title":"2\u53a2\u5c0f\u8f7f\u8f66"},<br />        {"wjc_title":"3\u53a2\u5c0f\u8f7f\u8f66"}<br />    ], "jieg":11};<br /><br /><br />    function insert(data) {<br /><br />        if (!jQuery.isArray(data.data)) return false;<br /><br />        var $target = jQuery('div.row').empty();<br /><br />        for (var i = 0; i < data.data.length; ++i) {<br /><br />            $target.append("<ul><li>" + data.data[i].wjc_title + "</li></ul>");<br />        }<br /><br />        return true;<br />    }<br /><br />    insert(data);<br />    <br /></script>

------解决思路----------------------
<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /><html><br /> <head><br />  <meta http-equiv="content-type" content="text/html; charset=utf-8"><br />  <title> New Document </title><br />  <script src="//code.jquery.com/jquery-1.11.0.min.js"></script><br /> </head><br /><br /> <body><br /><br />	<div class="row"><br />		<ul><br />			<li>插入值1</li><br />		</ul><br />		<ul><br />			<li>插入值2</li><br />		</ul><br />	<div><br /><br />  <script type="text/javascript"><br />    var bbid = 1;<br />    var pid = 1;<br />	<br />	$.get("pai.php",{bbid:bbid,pid:pid,},function(data){<br />		for(var i=0; i<data.data.length; i++){<br />			$($('.row').find('li').get(i)).html(data.data[i].wjc_title);<br />		}<br />	},"json");<br />  </script><br /><br /> </body><br /></html><br />


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

------解决思路----------------------
本末倒置!
php 作为服务端,理应按客户端的要求返回数据
你连客户端代码都不会写,那还 ajax 做什么?
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn