访问从 ajax 返回的 html 和 json 数据答案

【问题标题】：Access both html and json data returned from ajax访问从 ajax 返回的 html 和 json 数据
【发布时间】：2015-08-06 17:59:54
【问题描述】：

我有一个 ajax 页面来返回一些包含 HTML 和 Json 数据混合的数据。我不知道使用哪种数据类型来提取从 ajax 返回的内容。目前我使用 ajax dataType: 'html'

请帮助我从 ajax 中提取 HTML 和 Json 数据。

我从ajax返回了以下内容

'{"id" :"Test_p","label" :"Test Property"},{"id" :"29772_l","label" :"Test Locality"},{"id" :"Universal Infrastructure Development Company_c","label" :"Test Company"},{"id" :"Test_p","label" :"Vijay Property"},{"id" :"29772_l","label" :"Vijay Locality"},{"id" :"Universal Infrastructure Development Company_c","label" :"VJ Company"}'

请找到我的 HTML 内容

<div data-ride="carousel" class="carousel slide show-number-count featured-carousel" id="carousel-ready-to-move-in" data-interval="false">

                       <div role="listbox" class="carousel-inner col-max-10 col-center carousel-area" id="readytomovein"><div id="rtmicarousel" class="item active">
                            <div class="row" id="ready_to_move_in_row"><div class="col-sm-2 col-xs-2">
                                    <div class="col-inner border prop-grid font-small bg-white">
                                        <a href="apartment-for-sale-in-ambattur-chennai-by-loyal-housing-developments-pvt-ltd-3376939" target="_blank">
                                            <img width="200" height="120" alt="" src="http://imgs.indiaproperty.com/images/ip-no-logo2.jpg" class="lazy-load display-block">
                                            <div class="nbh-vtext">Aishwarryam</div>
                                            <p class="color-primary">
                                                <span class="font-semi-bold color-green-l show">&#8377;35.46 Lacs-39.35 L..</span>
                                                  <span class="font-semi-bold show color-blue">by Loyal Housing D..</span>Ambattur
                                               </p>
                                            <div class="property-details clearfix font-x-small color-primary">
                                                <span class="pull-left">2 BHK</span>
                                                <span class="pull-right">&nbsp;</span>
                                           </div>
                                        </a>
                                    </div>
                                </div></div></div></div>

                    <a data-slide="prev" role="button" href="#carousel-ready-to-move-in" class="left carousel-nav color-primary">
                        <i class="icon-dir-left"></i>
                    </a>
                    <a data-slide="next" role="button" href="#carousel-ready-to-move-in" class="right carousel-nav color-primary"  id="next_slide_id">
                        <i class="icon-dir-right"></i>
                    </a>
                   <div class="slide-number"></div>
                </div>

我必须将此数据转换为 ajax 成功函数中的 javascript 数组对象

谢谢。

【问题讨论】：

我从你的问题中了解到的是。您从同一个 ajax 请求中随机获取 html 或 json 数据。是吗？
没有。每次我得到 HTML 和 json 数据。
但您只展示了 josn 示例？
我也添加了我的 HTML 内容
你如何在同一个请求中获得两者？你的响应头内容类型是什么：？

标签： javascript ajax

【解决方案1】：

也许这样：http://jsfiddle.net/IonDen/2L2gnxae/

// Some test ajax result
var result = '{"somejson", "value"}';
result += '<div>Some html</div>';

console.log(result);

// split result to json and html
var sl = result.indexOf("<");
var json = result.slice(0, sl);
var html = result.slice(sl);

console.log(json);
console.log(html);

【讨论】：