Home >Backend Development >PHP Tutorial >通过ajax传的div没有原有的效果
$table=" <div id=\"preview\" class=\"spec-preview\"> <span class=\"jqzoom\"><img jqimg='images/b1.jpg' src='images/s1.jpg' / alt="通过ajax传的div没有原有的效果" ></span> </div> <!--缩图开始--> <div class=\"spec-scroll\"> <a class=\"prev\"><</a> <a class=\"next\">></a> <div class=\"items\"> <ul> <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove=\"preview(this);\"></li> <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove=\"preview(this);\"></li> <li><img alt='佳能' bimg='images/b3.jpg' src='images/s3.jpg' onmousemove=\"preview(this);\"></li> <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b3.jpg' src='images/s3.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li> </ul> </div> </div>";$result=array('table' => $table); echo json_encode($result);
看你的js代码是如何写的? 可以在控制台看下报错了没。
js是如何获取服务端json数据,以及展示。
$('你的容器元素').append($('服务器返回的Json数据,应该是html标签内容'))就可以了
你这个有点画蛇添足了既然就是要返回字符串为什么一定要转换成json呢。直接返回不就行了吗。
1.php
$table=" <div id=\"preview\" class=\"spec-preview\"> <span class=\"jqzoom\"><img jqimg='images/b1.jpg' src='images/s1.jpg' / alt="通过ajax传的div没有原有的效果" ></span> </div> <!--缩图开始--> <div class=\"spec-scroll\"> <a class=\"prev\"><</a> <a class=\"next\">></a> <div class=\"items\"> <ul> <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove=\"preview(this);\"></li> <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove=\"preview(this);\"></li> <li><img alt='佳能' bimg='images/b3.jpg' src='images/s3.jpg' onmousemove=\"preview(this);\"></li> <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b3.jpg' src='images/s3.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li> <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li> </ul> </div> </div>"; echo $table;
$.get('1.php',function(data){ $("父容器").append(data);})