blocks|key|1119182|text|由于这似乎是更多值得做的工作，我决定一个更简单的解决方案是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1119183|1)将XML数据与要绘制的内容的详细信息一起发送到客户端。|1119184|2)客户端发送图像请求，包括要绘制图形的数据(类似于Google+Chart+API)。|1119185|这将图表呈现与数据解耦，然后可以在将来使用它为其他数据集生成通用图表。另一个好处是，它不需要任何缓存服务器端，因为只使用了一个请求。|1119186|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

As this seems like more work that it's worth, I've decided that a simpler solution would be:

1) Send XML data to the client with the details of what is to be graphed.

2) Client sends a request for the image, including the data to graph (similar to the Google Chart API).

This decouples the chart rendering from the data, and then it can be used in the future to generate generic charts for other data sets. The other benefit is that it doesn't require any caching server-side since only 1 request is used.

blocks|key|1113686|text|您可以不将图像存储在服务器上并将URL发送到客户端吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1113687|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Can you not store the image on the server and send the URL to the client?

blocks|key|1119161|text|您可能希望检查此link，以查看此概念是否有效。这个link可能很有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1119162|我认为尝试在XML中组合这两组数据会很有趣。|1119163|entityMap|0|LINK|mutability|MUTABLE|url|http://bytes.com/groups/javascript/433203-getting-binary-data-image-object|1|http://www.davidflanagan.com/javascript5/display.php?n=22-16&f=22/16.html^0|8|4|0|Q|4|1|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]|$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

You might want to check this <a href="http://bytes.com/groups/javascript/433203-getting-binary-data-image-object" rel="nofollow noreferrer">link</a> to see if this concept will work. This <a href="http://www.davidflanagan.com/javascript5/display.php?n=22-16&amp;f=22/16.html" rel="nofollow noreferrer">link</a> maybe useful.

I think trying to combine both set of data in the XML would be interesting.

blocks|key|4570908|text|您是否考虑过使用Google's+Chart+API|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4570909|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/apis/chart/^0|8|I|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Have you considered using <a href="http://code.google.com/apis/chart/" rel="nofollow noreferrer">Google's Chart API</a>?

blocks|key|1119200|text|好吧，actually+you+can，但这可能不值得。它看起来像是一种基于矢量的方法，比如canvas，而VML+alternatives+for+IE将是渲染图形的更好的选择。然后，您只需将图形数据传递给浏览器。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1119201|entityMap|0|LINK|mutability|MUTABLE|url|http://blog.calyptus.eu/seb/2009/05/png-parser-in-javascript/|1|http://github.com/ibolmo/moocanvas^0|3|G|0|1I|N|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

Well <a href="http://blog.calyptus.eu/seb/2009/05/png-parser-in-javascript/" rel="nofollow noreferrer">actually you can</a> but it's probably not going to be worth it. It seems like a vector based method such as canvas and the <a href="http://github.com/ibolmo/moocanvas" rel="nofollow noreferrer">VML alternatives for IE</a> would be a better alternative for rendering graphs. Then you only have to pass the graph data to the browser.

blocks|key|1113718|text|如果存储不是一个选项。在内存中创建图像并刷新二进制图像数据以从脚本响应，如php文件。只需使用正确的标题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1113719|Content-type:+image/png|code-block|syntax|javascript|1113720|图像每次都会重新生成。|1113721|要绝对确保图像不会被缓存，可以向querystring追加一些随机参数。|1113722|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

If storing is not an option. Create image in memory and flush the binary image data to response from a script, like a php file. Just use the correct header: 

<pre><code>Content-type: image/png
</code></pre>

The image gets regenerated every time. 

To be absolutely sure the image does not get cached, append some random parameter to the querystring.

blocks|key|505802|text|您可以将图像返回给ajax客户端，然后将XML数据包含在图像的X-HTTP-Header中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|505803|但是，您需要了解是否可以从ajax客户端读取X-header。|505804|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

You could return the image to the ajax-client, and then include the XML data in a X-HTTP-Header for the image.

But you need to find out if it is possible to read the X-header from the ajax-client though.

Is it possible (and supported cross-browser) to embed an image into the XML of an AJAX response, and then load that image using JavaScript?

I have a system that does some calculations based on the number of sessions running through it. The results are then graphed, and returned in two parts:

1) XML containing information about the graph, totals, and Image map data allowing the user to click on relevant areas.

2) The graph image.

As the data can change between the two requests (and could be expensive to calculate), I'd prefer to do it in a single request (return the image with the XML). The current implementation caches the stats for a small period so that the results of multiple requests will still match. As the amount of data that needs to be cached is going to be increasing (from ~2.5K to ~1.2MB), I would like to try an alternative method.

NOTE: I do not want to use inline b64 PNG images as they are not supported in IE.

Embedding an image in an AJAX response

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

是否可以(并且支持跨浏览器)将图像嵌入AJAX响应的XML中，然后使用JavaScript加载该图像？我有一个系统，它根据通过它运行的会话数量进行一些计算。然后将结果绘制成图形，并分两部分返回：1)包含有关图形、总计和图像地图数据的信息的XML，允许用户单击相关区域。2)图形图像。由于数据可以在两个请求之间更改(并且计算成本可能很高)，因此我更喜欢在单个请求中完成此操作(使用XML返回图像)。当前

问在AJAX响应中嵌入图像
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在AJAX响应中嵌入图像EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在AJAX响应中嵌入图像
EN