由ajax返回的js引用，如何才能被执行？

seai 2010-09-06 04:37:45
ajax返回了一个js引用：
<script src"http://localhost/test.js"></script>
这个js本身显示一段文件。但把这个引用放到页面中时，页面中只存在这段引用字符，不会将js本身应该输出的文字展示出来。该怎样解决这个问题呢？
...全文
896 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
seai 2010-09-06
  • 打赏
  • 举报
 回复
[Quote=引用 12 楼 xuzuning 的回复:]

ajax 是 js
通常在 js 中 使 script 标签生效，需要这样写
document.write('<scr'+'ipt src="htt://localhost/test.php?type=2"></scr' + 'ipt>');
这样的方式用在 ajax 中就不行了，因为在 ajax 应用中是不可以 write的

你可以尝试创建一个 iframe 将 js 标记写到其……
[/Quote]


好像和我说的有点不一样。。。

首先有个伪js
//test.php
<?php
echo "document.write('{$_GET['name']}')";
?>

其次有个html页面，这个页面开始显示“你好，1111”，我希望点击后显示“你好，222”
//test.html
<html>
<script>
function test(_name){
document.getElementById('d_name').innerHtml='你好，<script src="http://localhost/test.php?name=222"></script>';
}
</script>
<body>
<div id='d_name'>你好，<script src="http://localhost/test.php?name=111"></script><div>
<a onclick='test(222);'>点我</a>
</body>
</html>

但我这样做，结果是div包含了'你好，<script src="http://localhost/test.php?name=222"></script>'，却不能显示为"你好，222"
diannaomingong 2010-09-06
  • 打赏
  • 举报
 回复
js里写个函数

然后载入以后调用那个函数输出你要的东西

xuzuning 2010-09-06
  • 打赏
  • 举报
 回复
ajax 是 js
通常在 js 中 使 script 标签生效，需要这样写
document.write('<scr'+'ipt src="htt://localhost/test.php?type=2"></scr' + 'ipt>');
这样的方式用在 ajax 中就不行了，因为在 ajax 应用中是不可以 write的

你可以尝试创建一个 iframe 将 js 标记写到其中，再读回 body 的内容
seai 2010-09-06
  • 打赏
  • 举报
 回复
[Quote=引用 9 楼 xuzuning 的回复:]

开始的回复有点草率了，没注意你返回的是 html 标记
只要返回的是 js 代码才可以使用 eval 函数使之生效
[/Quote]


没啊，伪js文件返回的是js代码。
现在遇到的问题是，这个伪js文件直接在html文件中引用是没问题的
比如
<div><sript src="htt://localhost/test.php"></script></div>
但是有一个需求，会通过ajax获取到“<sript src="htt://localhost/test.php?type=2"></script>”这段字符，并通过js修改<div>的innerHtml。成为<div><sript src="htt://localhost/test.php?type=2"></script></div>，此时就呈现不了内容了。
seai 2010-09-06
  • 打赏
  • 举报
 回复
[Quote=引用 7 楼 xuzuning 的回复:]

关于js的 eval 函数 #2 已经给了示例

//test.php--伪js
document.write('hello world!');
但如果是这样的话，将导致的的页面布局全部消失

一旦页面加载完毕，document 对象将关闭文档。其后的任何 write 都将产生新的 document 对象，即写到新窗口去了
[/Quote]


eval('<script src="http://localhost/test.js"></script>');
那么就是说这样的使用是不可以的咯？
xuzuning 2010-09-06
  • 打赏
  • 举报
 回复
开始的回复有点草率了，没注意你返回的是 html 标记
只要返回的是 js 代码才可以使用 eval 函数使之生效
CunningBoy 2010-09-06
  • 打赏
  • 举报
 回复
看看我在5楼给你的例子，用Ajax + PHP的结果

js文件是浏览器端执行的，你用Ajax提交给js文件处理是不行的，必须用php或者其他服务器端的CGI程序来输出。
xuzuning 2010-09-06
  • 打赏
  • 举报
 回复
关于js的 eval 函数 #2 已经给了示例

//test.php--伪js
document.write('hello world!');
但如果是这样的话，将导致的的页面布局全部消失

一旦页面加载完毕，document 对象将关闭文档。其后的任何 write 都将产生新的 document 对象，即写到新窗口去了


seai 2010-09-06
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 cunningboy 的回复:]

JScript code
eval('<script src="http://localhost/test.js"></script>');
[/Quote]

刚做了个简单测试，似乎不行啊

//test.js
document.writeln('test');
//test.html
<script>eval("<script src='test.js'></script>");</script>
页面没有显示test
//如下
<script>eval("alert(1)");</script>
可以提示框1

eval对script引用有效吗？还是对script引用的文件有test.js本身有特别的写法要求呢？
CunningBoy 2010-09-06
  • 打赏
  • 举报
 回复
test.php
<?php echo "document.write('hello world!');" ?>


test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script type="text/javascript">

	function getTest(){

		if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari

			xmlhttp = new XMLHttpRequest();

		} else {// code for IE6, IE5

			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

		}

		xmlhttp.onreadystatechange = function(){

			if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

				eval(xmlhttp.responseText);

			}

		}

		xmlhttp.open("GET", "test.php", true);

		xmlhttp.send();

	}

</script>

</head>

<body>

<button onClick="getTest();">getAjax</button>

</body>

</html>
seai 2010-09-06
  • 打赏
  • 举报
 回复
//test.php--伪js
document.write('hello world!');

我需要在ajax中返回
<script src="http://localhost/test.php"></script>
到页面上，在页面上看到hello world!。

能实现吗？
seai 2010-09-06
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 xuzuning 的回复:]

eval
[/Quote]

不是很明白，楼上详细点好吗？
CunningBoy 2010-09-06
  • 打赏
  • 举报
 回复 
eval('<script src="http://localhost/test.js"></script>');
xuzuning 2010-09-06
  • 打赏
  • 举报
 回复
eval
ajax载入html后不能执行js,解决ajax动态加载中JavaScript方法不执行失效
最近在研究ajax的应用，在新加载的页面中，JS失效了...所以在此定义一个方法，在使用ajax获得新页面数据data的时候，把数据作为参数传入此方法中，就能重新绑定执行javascript了。下面看代码：function executeScrip...
js设置ajax执行顺序,ajax同步处理(使得JS按顺序执行)
在项目中碰到一个问题：图一：图二：函数1代码：这里是因为有ajax请求，默认的是异步的//点击分页页码，请求后台返回对应页码的数据function getdata(fewPage,flag,content){$.getJSON(getUrl()+'/myAccount/...
ajax 请求返回来的是页面,AJAX返回JavaScript来解析在页面内容
过程如下：AJAX返回JavaScript来解析在页面内容HTTP请求时，重定向的.htaccess到parse_request.phpparse_request.php创建它的类变量基本上是$ _ SERVER的副本“phpURLParser”级(*)。变量phpURLParser着眼于请求的...
执行AJAX返回HTML片段中的JavaScript脚本
块，那么在你把这数据xmlHttp.responseText用innerHTML方法插入到当前文档一个元素中，你会发现AJAX加载回来的脚本根本没有执行。这是AJAX开发中很常见的问题，如果你不是一直在用JavaScript框架做开发，相信你早就...
ajax 的js引用
function ajax(method,url,data,success){ var oAjax = null; if(window.XMLHttpRequest){ oAjax=new XMLHttpRequest() }else{ oAjax=new ActiveXObject("Microsoft.XMLHTTP")...
PHP

20,359

社区成员

19,658

社区内容

发帖
与我相关
我的任务
社区描述
“超文本预处理器”，是在服务器端执行的脚本语言，尤其适用于Web开发并可嵌入HTML中。PHP语法利用了C、Java和Perl，该语言的主要目标是允许web开发人员快速编写动态网页。
phpphpstorm 技术论坛（原bbs）
社区管理员
  • 开源资源社区
  • phpstory
  • xuzuning
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章