jq 和后台对接数据 显示在页面

js部分

   //获取列表
    $(document).ready(function(){
        searchLIst()
    });
    
      function searchLIst(e) {
      let str1 = ""
        $.ajax({
            url:"wx/tomb",    接口
            type:"get",       
            data:{
                status:0         传递参数
            },
        dataType: 'json',
        success:function(data){
            //  data后台返回来的数据
            $.each(data, function (i, item) {
                //将拿到的值显示到jsp页面
               str1 += `
                    <div class="main" onclick="navigateTo(${item.id});">
                         <div>
                            <img src="${item.url}" data-original="${item.url}" class="mainleft">
                         </div>
                         <div>
                            <div class="mainright">
                                <span class="mainRight">${item.area}</span>
                                <img src="/vx-img/font.png" class="img">
                            </div>
                            <div class="mainright">
                                <span class="yuan">¥</span>
                                <span class="money">${item.price}</span>
                                <span class="yuan">元</span>
                            </div >
                            <div class="mainright">
                                <div >
                                    <p class="mainright-bottom">规格:&nbsp;${item.model}</p>
                                </div>
                            </div>
                         </div>
                      </div>
                 `;
            });
             $("#title").html(str1)
        },
        complete: function() {

        },
        error:function(e){
            // alert("错误！！");
        }
    });
}

html部分

 <div id="title"></div>