Синтаксис JQuery .append

Question

У меня есть сайт coldfusion, который будет иметь более 10000 продуктов, если я использую обычную cfquery для загрузки продуктов с определенным sub_cat_id с более чем 1000 записями, страница берет навсегда, чтобы загружать и замедлять работу, поэтому я используя формат JSON для возврата результатов, проблема, с которой я сталкиваюсь, заключается в добавлении возвращаемых результатов к определенному div на странице, я знаю, что есть синтаксическая ошибка где-то, но я хотел бы знать, как и когда использовать '' или + при использовании функции добавления, я новичок в JavaScript поэтому, пожалуйста, голые со мной, это мой код ниже для функции дописывания:

// Read the products 
$.ajax({ 
url: "js/gtprod.cfm?filter=brand&brand_id=115", 
dataType: "json", 
success: function(data) { 
    var row, sData, _len, _i; 
    // Run the data thru queryToObject 
    data = queryToObject(data); 
    // Convert the object to a string to display it 
    sData = JSON.stringify(data); 

    // Print all products 
    $('#product').append('<h3>PRODUCTS:</h3>'); 
    // Loop over the query 
    for (_i = 0, _len = data.length; _i < _len; _i++) { 
    row = data[_i]; 
    $('#main').append('<div id="product" class="mix' + row.make_title + row.model_title +'" data-name="'+ row.product_title +'"><div id="productleft"></div><div id="productright"> '<h3 align="left">' + '<a href="products-detail.cfm?product_id=' + row.product_id + '">' + row.product_title + '</a>' + '</h3>'<div align="left" id="productrightmidsection" >VEHICLE: + '<span>' + row.make_title + '-' + row.model_title + '</span>' + '|' + 'Manufacturer:' + '<span>' + row.brand_name + '</span>' <div id="productview">'<a href="products-detail.cfm?product_id=' + row.product_id + '" class="productview">' + View &raquo; + '</a>'</div></div></div></div>'); 
    } 
} 
}); 

Любая помощь будет принята с благодарностью

Answer 1

Используйте это, у вас есть проблемы конкатенаций

$('#main').append('<div id="product" class="mix' + row.make_title + row.model_title +'" data-name="'+ row.product_title +'"><div id="productleft"></div><div id="productright"> <h3 align="left"><a href="products-detail.cfm?product_id=' + row.product_id + '">' + row.product_title + '</a></h3><div align="left" id="productrightmidsection" >VEHICLE: <span>' + row.make_title + '-' + row.model_title + '</span> | Manufacturer: <span>' + row.brand_name + '</span> <div id="productview"><a href="products-detail.cfm?product_id=' + row.product_id + '" class="productview"> View &raquo; </a></div></div></div></div>');