我在一台服务器上有一个小部件。在widget中使用脚本和div。
widget.html文件的代码是: -
<script type="text/javascript">
var _new = new Array()
_new['Server'] = 'my server name';
var ip = 'http:my server name/directory/';
(function() {
var o2 = document.createElement('script');
o2.type = 'text/javascript';
o2.async = true;
o2.src = ip+'link.js';
var r = document.getElementsByTagName('script')[0];
r.parentNode.insertBefore(o2, r);
})();
</script>
<div id="content"></div>
在link.js文件中调用包含html内容的文件(文本字段,按钮等)。 link.js文件的代码是: -
jQuery.getJSON("my server url/user.php?&callback=?", function(data)
{
$("#content").html(data);
});
user.php的代码是: -
<?php
$html="<html>
<body>
<form method='post'>
<table>
<tbody>
<tr><td><input value='Name:' type='text' ></td></tr>
<tr><td><input value='Email:' type='text' ></td></tr>
<tr><td><input value='City:' type='text' ></td></tr>
<tr><td><input value='Mobile:'type='text' ></td></tr>
</tbody>
</table>
</form>
</div>
</body>
</html>";
echo $_GET['callback'] . '('.json_encode($html).')';
?>
当我在同一服务器上运行widget.html文件时,html内容将被重新检索并显示在div上。但是在不同的服务器中它无法正常工作。
告诉我如何在跨域请求中加载div中的html内容。
Plz向我提出了一些建议。