Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在pug中使用Ajax更改文本内容_Javascript_Ajax_Button_Pug - Fatal编程技术网

Javascript 在pug中使用Ajax更改文本内容

Javascript 在pug中使用Ajax更改文本内容,javascript,ajax,button,pug,Javascript,Ajax,Button,Pug,我必须在我的网站上为一个学校项目使用Ajax。我想更改按钮的内容,但我首先希望能够更改一些文本。我发现了一些关于如何更改pug文件中文本的示例,但它们似乎从未起作用。有人知道我做错了什么吗 帕格: 我在根映射中还有一个小文件ajax_info.txt(pug文件在视图映射中),它只包含: Ajax is cool! 结果总是一些文本:XMLHttpRequest对象, 在文本下方有一个按钮,上面写着“更改内容”,但当我点击它时,什么也没发生。帕格是与Ajax完全不同的范例。Ajax用于在不重新

我必须在我的网站上为一个学校项目使用Ajax。我想更改按钮的内容,但我首先希望能够更改一些文本。我发现了一些关于如何更改pug文件中文本的示例,但它们似乎从未起作用。有人知道我做错了什么吗

帕格:

我在根映射中还有一个小文件ajax_info.txt(pug文件在视图映射中),它只包含:

Ajax is cool!
结果总是一些文本:XMLHttpRequest对象,
在文本下方有一个按钮,上面写着“更改内容”,但当我点击它时,什么也没发生。

帕格是与Ajax完全不同的范例。Ajax用于在不重新加载页面的情况下从服务器发出请求,而pug在从服务器请求页面时动态呈现页面。一个pug应用程序需要构建多个页面,而Ajax应用程序使用一个页面

您可以使用pug生成HTML和JavaScript,但这就是pug的终点。它不能用于Ajax调用

您应该研究Ajax库,如Axios或jQuery,并将注意力集中在那里。您可以使用Express(不带pug)来处理API调用。

您应该阅读如何使用StackOverflow进行家庭作业。
Ajax is cool!