Javascript 如何使用jQuery n json动态编写HTML标记？

我需要使用jquery将html代码写入以下div

<div id="addme"></div>

下面是我用php编写的html

<div class="col-md-4 product secondproduct">
    <div class="images1">
        <a
            href=" <?php echo base_url();?>products/details/<?php echo $product->productid?>">
            <img
            src="<?php echo base_url();?>assets/images/products/<?php echo $product->productimage;?>" />
        </a>
    </div>
    <div class="title1">
            <?php echo $product->productname;?>
    </div>
    <div class="price1">
            Rs. <?php echo $product->productprice;?>
    </div>

    <div class="productadd">
        <form method="post" action="<?php echo base_url();?>cart/productadd">
            <div class="qtyout">
                QTY : <input type="text" class="qty" name="qty" value="1" />
            </div>
            <input type="hidden" name="item_number"
                value="<?php echo $product->productid;?>" /> <input
                type="hidden" name="price"
                value="<?php echo $product->productprice;?>" /> <input type="hidden"
                name="title" value="<?php echo $product->productname;?>" />
            <button class="btn btn-primary btn-lg" type="submit">Add To Cart</button>

        </form>
    </div>  
</div>

卢比。
如果您通过ajax获取json格式的数据，那么只需使用特定的div在html中追加即可，请遵循以下代码：

Using ajax return :
var myAjaxreturn = "Your code which is to append";

<div id='addme'></div>

$('#addme').html(myAjaxreturn);

使用ajax返回：
var myAjaxreturn=“要追加的代码”；
$（'#addme'）.html（myAjaxreturn）；
Jquery append（）将参数指定的内容插入到匹配元素集中每个元素的末尾

var response = "your ajax response";

$( "#addme" ).append( response );

或

$( "#addme" ).html( response );

希望这有帮助。未测试
要在addme div中添加某些内容，请执行以下操作

$("#addme").html('insert content here');

或者您可以附加一些内容（保留内容并在末尾添加内容）：

对于json。一旦你有了一个json字符串，你就可以

var yourdata = JSON.parse(jsonstring)

希望这有点帮助
执行以下操作：

var obj = $.parseJSON({"productid":"2","categoryid":"1","manufacturerid":"2","name":"Abraham Lincoln Printed T-Shirt","price":"1250.00","color":"red","description":"Print Name: Abraham Lincoln\r\n100% Cotton\r\nMade in Nepal\r\nRegular fit\r\nHalf sleeve","quantity":"20","otherdetails":"Available in all sizes.","isadvertised":"1","isnew":"1","image":"hazy-crazy-t-shirt.jpg","manuid"‌​:"2"}');

$(".image1").html(obj.image);
$(".color1").html(obj.color);

Ajax响应采用以下格式，因此使用$（）.html（）
[{“productid”：“2”，“categoryid”：“1”，“manufactureId”：“2”，“name”：“Abraham Lincoln Printed t恤”，“price”：“1250.00”，“color”：“red”，“description”：“Print name:Abraham Lincoln\r\n100%棉质\r\n尼泊尔制造”\r\n常规剪裁\r\n袖子，“数量”：“20”，“otherdetails”：“可提供各种尺寸。”，“isadvertised”：“1”，“isnew”：“1”，“image”：“hazy-crazy-t-shirt.jpg”，“manuid”：“2”}]
它说有未定义的[{“a”：“b”}]我想这是javascript数组或对象的问题。它需要类似于
$（'.image1'）.html（obj[1].image）
谢谢大家
var obj = $.parseJSON({"productid":"2","categoryid":"1","manufacturerid":"2","name":"Abraham Lincoln Printed T-Shirt","price":"1250.00","color":"red","description":"Print Name: Abraham Lincoln\r\n100% Cotton\r\nMade in Nepal\r\nRegular fit\r\nHalf sleeve","quantity":"20","otherdetails":"Available in all sizes.","isadvertised":"1","isnew":"1","image":"hazy-crazy-t-shirt.jpg","manuid"‌​:"2"}');

$(".image1").html(obj.image);
$(".color1").html(obj.color);