client-side 相关问题

一个 JS 文件名 list.js 包含一个数据数组，如：让 users = [{firstname: 'Paul', lastname:'smith'}]; 此文件使用以下行在客户端加载： <p>一个 JS 文件名 <pre><code>list.js</code></pre> 包含一组数据，如：</p> <pre><code>let users = [{firstname: 'Paul', lastname:'smith'}]; </code></pre> <p>此文件通过以下行在客户端加载：</p> <pre><code><script src="/js/list.js"></script> </code></pre> <p>因此，同样的文件也必须加载到服务器端的模块中（在 node.js 中）。</p> <pre><code>require('../public/js/list.js'); </code></pre> <p>因为这是一个模块，我不能使用<pre><code>require</code></pre>.</p> <p>另一方面，如果我导出我的变量，我就不能再在客户端加载文件：</p> <pre><code>export var users = [{firstname: 'Paul', lastname:'smith'}]; </code></pre> <p>是否有在客户端和服务器端加载文件的技巧？</p> </question> <answer tick="false" vote="0"> <p>我做了个小把戏</p> <p>你可以使用 nodejs 检测来做到这一点。请参阅以下内容。</p> <pre><code>let users = [{firstname: 'Paul', lastname:'smith'}]; // Your variable if (typeof process === 'object') { // Detect when this is nodejs // Expose the users variable module.exports.users = users; } </code></pre> <p>这应该可以在浏览器端工作。在你的 nodejs 方面：</p> <pre><code>const { users } = require('../public/js/list.js'); </code></pre> <p>希望有帮助。问候</p> </answer> </body></html>

javascript node.js module server-side client-side

回答 0 投票 0

GitHub Gist 在客户端渲染 Markdown 时不显示

如何在使用 Marked.js 或任何其他客户端 Markdown 库在客户端解析 markdown 文件时显示 GitHub Gist 的内容？下面的代码呈现 Markdown 文件，除了...

markdown client-side gist html-rendering javascript-marked

回答 0 投票 0

在客户端图表中加载数据

我在 JS（客户端）中有一个图表，我想在上面加载数据以显示实时数据和过去的数据。问题是我不知道如何完成这项任务。我有一个运行...

javascript html css charts client-side

回答 0 投票 0

在 Next.js 中使用链接组件重新输入相同的 url 时，prefetchQuery 不获取数据（SSR）

我正在为 SSR 使用 Next.js 和 React Query。一切正常，直到重新输入确切的动态路由（例如域/支持/指南/常见问题/[id]）。预期的行为是在没有 fet 的情况下呈现查询数据...

reactjs next.js server-side-rendering client-side react-query

回答 1 投票 0

uglify.js，浏览器版本返回“不是函数”

使用 uglify.js 浏览器版本，如此处所述，在 OP 的第一条评论中并在 Chrome 控制台中出现此错误：“UglifyJS.minify 不是 FileReader 的函数。” 该...

javascript minify client-side uglifyjs

回答 1 投票 0

我正在使用 fetch api 方法将 javascript 变量传递给 php，但在 php 生活中出现错误：未定义的数组键“数据”。如何解决？

-----html代码----- 提交... -----html代码----- <html> <body> <textarea id="my-textarea"> </textarea> <button onclick="_post_text_area_()" id="submit-btn">Submit</button> </body> <html> -----javascript代码----- # get value of textarea var textarea = document.getElementById("my-textarea"); function _post_text_area_() { var data = textarea.value; # show textarea value to console console.log(data); # pass data variable using fetch api POST method fetch('_process.php', { method: 'POST', body: 'data=' + data }) .then(function (response) { return response.text(); }) .then(function (data) { console.log(data); }); } --- _process.php --- <?php $data = $_POST['data']; echo "Received data: " . $data; ?> 我在 _process.php 文件中收到错误：未定义的数组键“数据”。我想，我收到此错误是因为我的 javascript 函数无法创建发布请求，但我不知道收到此错误的确切原因。我尝试了不同的技术，如 ajax XmlHttpRequest 将数据变量传递给 _process.php 文件，但我遇到了同样的错误。 var textarea = document.getElementById("my-textarea"); var submitBtn = document.getElementById("submit-btn"); submitBtn.addEventListener("click", function() { var data = textarea.value; var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { console.log(this.responseText); // Print the response from the server } }; xmlhttp.open("POST", "process.php", true); xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlhttp.send("data=" + data); }); 在创建要通过FormData发送的有效负载时，通常首选使用fetch——以下确实发送了AJAX请求，但由于沙盒限制而失败。 const d=document; document.addEventListener('click',e=>{ if( e.target instanceof HTMLButtonElement && e.target.id=='submit-btn' ){ let fd=new FormData(); fd.set('data', d.getElementById("my-textarea").value ); fetch('_process.php', {method:'post',body:fd }) .then(r=>r.text()) .then(console.log) .catch(alert) } }); <textarea id="my-textarea"></textarea> <button id="submit-btn">Submit</button>

javascript php html server-side client-side

回答 1 投票 0

如何在GWT中引用第三方库源码供客户端使用？

GWT文档中规定，所有在客户端编译成JavaScript的源代码必须在gwt.xml文件的子包中。这对于当一个人引用第三 ...

gwt client-side pojo

回答 2 投票 4

React生命周期方法componentDidMount()不能用。

我对React非常陌生，目前正在做这个hackernews应用。我是按照《学习react之路》一书中给出的说明来构建这个应用的。但是，react的生命周期方法...

javascript reactjs frontend client-side react-lifecycle

回答 1 投票 0

在不打开新页面的情况下，从浏览器中调用客户端的URL。

我试图创建一个按钮，通过访问一个URL字符串来拨打IP电话：http:/admin:[email protected]?Id=34&Command=1&Number=0123456789当输入......