如何将数组变量加载到div - ajax中

时间:2016-02-22 07:58:20

标签: javascript jquery angularjs ajax

我有一个div如下:

<div id="#myid">
if($values){
    echo "<p>$values['one']</p>";
    echo "<p>$values['two']</p>";
}
</div>

因为我的div很大,我想向服务器发送请求并将响应加载到我的div

$.post('myurl', {target:target} , function(data){
    $('#myid').???(data);
});

我不想覆盖div的所有内容。我只想将一个数组(或类似示例json)变量传递给我的div。我怎么办?

我的div内容:

<div id="product-quick-view-add-to-cart" class="mfp-with-anim mfp-hide mfp-dialog mfp-dialog-big clearfix">
     <div class="row">
        <div class="col-md-9">
            <small><a class="text-muted float-to-right" href="#">$val1</a></small>
            <br />
            <h3 class="float-to-right">$val2</h3>
            <br />
            <br />
            <p class="text-smaller text-muted float-to-right">$val2 </p>
        </div>
        <div class="col-md-3">
            <div class="fotorama" data-nav="thumbs" data-allowfullscreen="1" data-thumbheight="50" data-thumbwidth="50">
                <img src="$val3" alt="Image Alternative text" title="Gamer Chick" />
            </div>
        </div>

    </div>
    <div class="row">
        <div class="col-md-10">
            <hr class="hr-mt-5-mb-10" />
            <span>
                <div class="col-md-4 text-align-center">
                    <p>$val4</p>
                    <p>$val5</p>
                </div>
            </span>
            <span>
                <div class="col-md-4 text-align-center">
                    <p>$val6</p>
                    <p>$val7</p>
                </div>
            </span>
            <span>
                <div class="col-md-4 text-align-center">
                    <p>val</p>
                    <p>$val8</p>
                </div>
            </span>
        </div>
    </div>
    <hr/><a class="btn btn-primary" href="#">add</a>
</div>

有人向我建议我使用angularjs framewrok。但我不知道这是最好的解决方案。

1 个答案:

答案 0 :(得分:0)

$.post('myurl', {target:target} , function(data){

$(&#39;#本身份识别码&#39)附加(数据)。 });

它将在div上附加php结果而不删除以前的数据