javascript - 如何防止浏览器请求来自ajax响应的资源

标签 javascript html ajax

这可能是一个愚蠢的问题,但请考虑一下我是网络新手。

我用jquery做了一个ajax $.ajax ,然后我将响应放入 <div>在当前页面上,一旦我执行此操作,浏览器就会发出对 ajax 响应中存在的所有资源的请求。

例如:这是来自 ajax 的简单响应

   this is a plain text response from my php server
   <div>
   <p> this is the important response,(some value)</p>
   <image src="NOT_important_image.png"></image>
  </div>

如何阻止客户端浏览器请求图片?

我尝试做出 PHP 响应 header('Content-Type: text/plain; charset=utf-8'); 希望浏览器将响应作为纯文本而不是 html 处理,但它仍然请求图像。

我可以从服务器 PHP 中删除图像,但我必须使用一些客户端工具在客户端执行此操作(例如: javascript )

最佳答案

这与 PHP 或从服务器返回的 header 无关,但是当您将此 html-snippet 包含到 DOM 中时,浏览器将尝试渲染它。

在您的情况下,如果它包含 img 标签并且设置了 src 属性,它将尝试获取内容,以便能够将其显示给用户。

从 html 中删除 img 标签,或者将数据作为 JSON 对象发送,当您想要在页面上呈现它时,您可以使用它来填充正确的 html。

关于javascript - 如何防止浏览器请求来自ajax响应的资源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37093965/

相关文章:

javascript - AngularJS/JavaScript - 值应用于数组中的所有 JSON

javascript - jQuery 查看下一个元素(非兄弟元素)是否存在

javascript - Bootstrap 日期选择器未在隐藏的输入字段上对齐

javascript - 一个请求中包含 JSON 和 HTML?

javascript - 使用 ExtJS 的 CORS 返回错误 405(方法不允许)

javascript - 如何使用hammer.js在手机和平​​板电脑中运行触摸滑动

javascript - 有没有办法观察 AngularJS 世界之外触发的属性变化?

html - 编写 CSS 的最佳方式

html - 在 Django 中渲染 CSS

javascript - 需要 Dropdown 使用 AJAX 在我的页面上填写数据库信息