Javascript jquery加载外部文本_Javascript_Jquery_Ajax

Javascript jquery加载外部文本

javascript jquery ajax

Javascript jquery加载外部文本,javascript,jquery,ajax,Javascript,Jquery,Ajax,我是javascript和jquery的新手。我尝试在本地测试我的html。我可以正确地使用下面的代码 <html> <head> <script type="text/javascript" src="js/jquery-1.7.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(functi

我是javascript和jquery的新手。我尝试在本地测试我的html。我可以正确地使用下面的代码

<html>
<head>
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").load('test1.txt');
  });
});

</script>
</head>
<body>

<div><h2>Let AJAX change this text</h2></div>
<button>Change Content</button>

</body>
</html>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“div”）.load（'test1.txt'）；
});
});
让AJAX更改此文本
更改内容

但是，当我把文本http://www.w3schools.com/jquery/test1.txt'而不是'test1.txt'，按钮无法正常工作。请帮忙

问候,

Tommy

不允许您使用跨浏览器ajax

使用上述代码，如果目标文件和代码文件都位于本地，则可以从同一个域或仅从本地加载文件

您应该借助服务器端语言来实现这一点，比如您的

javascript

通信一些自己的服务器文件，如

test.php

或

test.aspx

，服务器端文件可以与外部网站通信，如

php

中的

CUrl

尽管您仍然可以执行一些跨浏览器脚本或数据加载，如图所示->

但它需要一些专门的黑客攻击。

如果它是另一个域中的外部文件，请尝试以下操作：

//你的js

<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    var url='http://www.w3schools.com/jquery/test1.txt';
    $.get('myphppage.php',{url:url},function(data) {
        $('div').html(data);
    });   
  });
});
</script>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
var url='1〕http://www.w3schools.com/jquery/test1.txt';
$.get（'myphppage.php'，{url:url}，函数（数据）{
$（'div'）.html（数据）；
});   
});
});

//显示外部文件内容的myphpage.php脚本

<?php
if(isset($_GET['url'])) {
    header("Content-type: text/plain");
    echo file_get_contents(urldecode($_GET['url']));
}
?>

如果我真的需要交叉查询，我能做什么？谢谢。你应该借助服务器端语言来完成这项工作，比如你的javascript与自己的服务器文件（如test.php或test.aspx）通信，而服务器端文件可以与外部网站（如php中的CUrl）通信。谢谢你的帮助linuxeasy.linuxeasy-但是，我找不到任何使用codeigniter[PHP framework]获取外部网站的库和方法。你有我参考的链接吗？谢谢。从其他域读取txt文件的一个简单方法是文件获取内容，如linuxeasy所述