javascript - 脚本谜题 <script src ="ajaxpage.php?emp_id=23"/>？

Question

非常简单的 Ajax 请求，获取员工 ID 并以 HTML 形式返回用户信息。
<br/>
<b>Request</b> ajax("employee/info?emp_id=3543")
响应
id = 3543
name = 某个名称

这只是另一个填充 UI 的简单 JS 技巧。

但是我不明白下面这样的东西如何同样能够正确执行并转储 HTML 代码。

<script type="text/javascript" src="employee/info?emp_id=3543" />


当页面遇到以下代码时，它会像执行ajax请求一样执行并将代码转储到页面中。唯一的区别是它不再像 Ajax 那样异步。
问题:
这是正确的做法吗？它的+ves和-ves。
哪些是正确的使用场景？
这是否也意味着任何带有“src”标签的HTML标签都可以像这样使用？

Answer 1

我已经使用这种 javascript 加载来进行跨域脚本编写。哪里都非常有用。这是一个例子来说明我的意思。

[请记住，JS 不允许来自 javascript 的跨域调用；由于内置的​​安全限制]

在域 www.xyz.com有一项服务为我提供了可以从 http://xyz.com/users/list?age=20 访问的用户列表。它返回一个 json，其包装方法如下JSON:

{username:"user1", age:21} 

如果我请求这个 json 包装在如下方法中:

callMyMethod({username:"user1", age:21})

然后这是一个包装好的 json，如果加载到我的页面上；将尝试调用名为 callMyMethod 的方法。 <script src="source"> 中允许这样做。种声明，但否则不允许。

所以我能做的就是如下

<script language="javascript" src="http://xyz.com/users/list?age=20"></script>
<script language="javascript">
    function callMyMethod(data)
    {
      //so something with the passed json as data variable.
    }
</script>

这将允许我使用来自其他域的 JSON 进行填充，否则我将无法做到这一点。所以;您会看到我如何实现跨域脚本编写，否则这将是一个很难破解的难题。

这只是用途之一。

有人这样做的其他原因是:

• 将 JS 文件版本化为发布。
• 取消缓存 js 文件，以便一旦 js 发生某些更改，它们就会加载到客户端，并且传递给 URL 的参数将尝试获取最新的 JS。这将使新的更改立即反射(reflect)在客户端上。
• 当你想生成条件 JS 时。

您在示例中指定的用法可能没有多大作用；如果服务器处理需要时间，则可能会延迟页面的加载，而异步 ajax 调用将是更好的选择。