利用js动态生成一个简单的商品详情页

JavaScript018

利用js动态生成一个简单的商品详情页,第1张

使用jquery： var $div=$('')var content="动态创建的内容"$div.html(content) //会替换所有子元素或文本节点使用javascript：var div = document.createElement('div')var content = document.createTextNode("动态创建的内容")div.appendChild(content)

js的重要作用之一=>交互=>人机交互（事件）=>服务器交互（ajax).

服务器交互，从服务器获取数据，数据的处理方式，将json转换成字符串操作.

1、字符串拼接

2、数组遍历

3、节点获取

4、json

1、构造json数据,每一个json中就是一个商品

2、遍历数组,取出每一个商品信息

3、拼接字符串

4、获取节点，追加到页面

是想在搜索框显示出：搜索商品关键词展示符合的商品图片？

这个实现步骤

1：在商品上传时，程序应同步抓取商品图片作为缩略图存到对应商品表缩略图字段中

2：在搜索款检索商品关键词，实时使用ajax去请求符合的商品并返回商品相关信息（含缩略图）

3：ajax返回商品数据后【应是对象数组】，然后循环显示即可