ajax怎么渲染数据并插入样式

1、打开HBuilderX工具，创建Web项目，新建静态页面ajax.html。

2、打开已新建的ajax.html文件，引入jquery文件并修改title标签内容。

3、在标签中，插入一个div标签，并在div标签中插入一个table。

4、接着在项目中的data文件夹下，新建user.json文件。

5、打开user.json文件，添加json格式数据。

6、在标签中，jquery初始化函数，调用ajax()方法读取json文件数据，返回成功后，将数据渲染加到table中。

7、再添加一个style标签，利用元素选择器设置表格样式。

8、保存代码并运行页面文件，打开浏览器查看效果，即可看到一个表格。

通过ajax请求图片的那个页面就可以了，然后在右边直接插入行了，

jquery

$('#id').html(content),注意，图片的那个就不要html body head标签了，直接就是一个div就行了。

你可以在当前的页面中添加一个<div>标签，如

<div id="container" ></div>

在用jquery发送ajax请求并返回结果后，拼装html代码，并将拼接后的结果放到div标签之间就可以了

<script>

function show(name){

$.post("groupAction_getAllByGroup.action",{name:name}, function(data){

var html=""

$(data.users).each(function(){

　html+='.......' //此处拼装要显示的html代码

})

　$('#container').html(html)//将拼装后的代码嵌入到<div>标签内。

})

}

</script>

---