文章/答案/技术大牛

发布

社区首页 >问答首页 >使用Jquery更改显示数据的简单Javascript

问使用Jquery更改显示数据的简单Javascript
EN

Stack Overflow用户

提问于 2020-10-04 05:00:10

回答 1查看 26关注 0票数 1

我正在学习AJAX，所以在看了youtube上关于“如何使用AJAX从服务器加载数据”的视频后，我按照指示复制了代码，但当我尝试使用按钮更改数据时，数据没有更改。有没有人能让我知道为什么这对我不起作用。

这是HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ajax Test</title>
    
    <!--<style type="txt/css"></style>-->
<link rel="stylesheet" 
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" 
    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" 
    crossorigin="anonymous"></script>
    
<script> $(document).ready(function() {
    $("#btn").click(function() {
        $("#test").load("newdata.txt", {Name: "Daniel", 
                                        Lastname: "Nielsen"
                                    }, function(){
                                        alert("Hi there!!");
                                    });
    });
    
});
</script>


</head>
<body>
<div id="test">
<p>
This is the first content!    
</p>
</div>
<button id="btn">Click to Change</button>

</body>
</html>

这是我更改的新数据，newdata.txt

<p> This is new data!!</p>

我知道这很简单，但为了让我进一步理解，我需要知道为什么代码似乎可以为其他人工作，而不是为我工作。

javascript

html

jquery

ajax

回答 1

Stack Overflow用户

发布于 2020-10-04 05:16:48

答案是，由于AJAX是服务器端通信，因此只有当页面在服务器上时，代码才能工作。很抱歉浪费大家的时间，但我正在尝试学习如何使用AJax方法在我的页面上显示信息。

谢谢。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64188936

复制

相似问题

问使用Jquery更改显示数据的简单Javascript
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Jquery更改显示数据的简单JavascriptEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Jquery更改显示数据的简单Javascript
EN