Table of Contents
回复讨论(解决方案)
Home Backend Development PHP Tutorial 通过ajax传的div没有原有的效果

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

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);
Copy after login


这是个图片放大展示效果,我直接放在页面上没问题,但通过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;
Copy after login

$.get('1.php',function(data){   $("父容器").append(data);})
Copy after login

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

Statement of this Website
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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

11 Best PHP URL Shortener Scripts (Free and Premium) 11 Best PHP URL Shortener Scripts (Free and Premium) Mar 03, 2025 am 10:49 AM

Long URLs, often cluttered with keywords and tracking parameters, can deter visitors. A URL shortening script offers a solution, creating concise links ideal for social media and other platforms. These scripts are valuable for individual websites a

Working with Flash Session Data in Laravel Working with Flash Session Data in Laravel Mar 12, 2025 pm 05:08 PM

Laravel simplifies handling temporary session data using its intuitive flash methods. This is perfect for displaying brief messages, alerts, or notifications within your application. Data persists only for the subsequent request by default: $request-

Build a React App With a Laravel Back End: Part 2, React Build a React App With a Laravel Back End: Part 2, React Mar 04, 2025 am 09:33 AM

This is the second and final part of the series on building a React application with a Laravel back-end. In the first part of the series, we created a RESTful API using Laravel for a basic product-listing application. In this tutorial, we will be dev

Simplified HTTP Response Mocking in Laravel Tests Simplified HTTP Response Mocking in Laravel Tests Mar 12, 2025 pm 05:09 PM

Laravel provides concise HTTP response simulation syntax, simplifying HTTP interaction testing. This approach significantly reduces code redundancy while making your test simulation more intuitive. The basic implementation provides a variety of response type shortcuts: use Illuminate\Support\Facades\Http; Http::fake([ 'google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>

cURL in PHP: How to Use the PHP cURL Extension in REST APIs cURL in PHP: How to Use the PHP cURL Extension in REST APIs Mar 14, 2025 am 11:42 AM

The PHP Client URL (cURL) extension is a powerful tool for developers, enabling seamless interaction with remote servers and REST APIs. By leveraging libcurl, a well-respected multi-protocol file transfer library, PHP cURL facilitates efficient execution of various network protocols, including HTTP, HTTPS, and FTP. This extension offers granular control over HTTP requests, supports multiple concurrent operations, and provides built-in security features.

12 Best PHP Chat Scripts on CodeCanyon 12 Best PHP Chat Scripts on CodeCanyon Mar 13, 2025 pm 12:08 PM

Do you want to provide real-time, instant solutions to your customers' most pressing problems? Live chat lets you have real-time conversations with customers and resolve their problems instantly. It allows you to provide faster service to your custom

Announcement of 2025 PHP Situation Survey Announcement of 2025 PHP Situation Survey Mar 03, 2025 pm 04:20 PM

The 2025 PHP Landscape Survey investigates current PHP development trends. It explores framework usage, deployment methods, and challenges, aiming to provide insights for developers and businesses. The survey anticipates growth in modern PHP versio

Notifications in Laravel Notifications in Laravel Mar 04, 2025 am 09:22 AM

In this article, we're going to explore the notification system in the Laravel web framework. The notification system in Laravel allows you to send notifications to users over different channels. Today, we'll discuss how you can send notifications ov

See all articles