通过ajax传的div没有原有的效果-PHP Tutorial-php.cn

Home

Backend Development

PHP Tutorial

通过ajax传的div没有原有的效果

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 23, 2016 pm 01:43 PM

$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);

这是个图片放大展示效果，我直接放在页面上没问题，但通过ajax传过来就没有那些效果了

回复讨论(解决方案)

看你的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);})

你现在代码没有效果一个是你取json值时有问题或者就是一些特殊字符被转义纵使正确取出页面也没有解析。
但是针对你这个还是建议你直接返回字符串

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

How do you create and use an interface in PHP?Apr 30, 2025 pm 03:40 PM

The article explains how to create, implement, and use interfaces in PHP, focusing on their benefits for code organization and maintainability.

What is the difference between crypt() and password_hash()?Apr 30, 2025 pm 03:39 PM

The article discusses the differences between crypt() and password_hash() in PHP for password hashing, focusing on their implementation, security, and suitability for modern web applications.

How can you prevent Cross-Site Scripting (XSS) in PHP?Apr 30, 2025 pm 03:38 PM

Article discusses preventing Cross-Site Scripting (XSS) in PHP through input validation, output encoding, and using tools like OWASP ESAPI and HTML Purifier.

What is autoloading in PHP?Apr 30, 2025 pm 03:37 PM

Autoloading in PHP automatically loads class files when needed, improving performance by reducing memory use and enhancing code organization. Best practices include using PSR-4 and organizing code effectively.

What are PHP streams?Apr 30, 2025 pm 03:36 PM

PHP streams unify handling of resources like files, network sockets, and compression formats via a consistent API, abstracting complexity and enhancing code flexibility and efficiency.

What is the maximum size of a file that can be uploaded using PHP ?Apr 30, 2025 pm 03:35 PM

The article discusses managing file upload sizes in PHP, focusing on the default limit of 2MB and how to increase it by modifying php.ini settings.

What is Nullable types in PHP ?Apr 30, 2025 pm 03:34 PM

The article discusses nullable types in PHP, introduced in PHP 7.1, allowing variables or parameters to be either a specified type or null. It highlights benefits like improved readability, type safety, and explicit intent, and explains how to declar

What is the difference between the unset() and unlink() functions ?Apr 30, 2025 pm 03:33 PM

The article discusses the differences between unset() and unlink() functions in programming, focusing on their purposes and use cases. Unset() removes variables from memory, while unlink() deletes files from the filesystem. Both are crucial for effec

See all articles