AJAX(异步JavaScript和XML)是一种通过客户端和服务器之间的异步数据交换来创建无缝交互式网站的技术。 AJAX有助于与服务器进行通信或部分页面更新,而无需传统的页面刷新。
Woocommerce 中的商品不会以非默认语言的 AJAX 请求显示
我有一个带有 woocommerce 和 polylang 插件的 wordpress 网站。我需要按类别过滤产品。对于默认语言,一切正常。但是产品没有显示在另一个
有一个视图向我展示了 chart.js onload(它工作正常)。我希望能够按日期(它也能正常工作)和按 equipmentId(它不起作用)过滤图表数据。用户应该能够选择 ...
我有一个使用 Ajax 执行 onclick 事件的函数。它调用一个控制器,将字节转换为 pdf 并在 iFrame 中返回 pdf 文件,但是当显示 PDF 时它是空的......
我正在从一个 api 获取数据,该 api 包含有关用户的信息,包括他们的姓名、用户 ID 和所有这些信息。现在我正在从 api 获取数据,但我想获取一个
AJAX 查询在 PHP while-loop 中添加/删除错误记录
我正在使用 AJAX 在 while 循环中向我的数据库插入/删除记录,并返回成功消息。我创建了一个 ADD (+) 按钮和一个 REMOVE (-) 按钮。当我单击
我是 Openlayers3 的新手......我正在尝试使用 ajax 和 php 从数据库加载数据以将矢量数据加载到 openlayers3,我被卡住了,不知道是什么问题。 这是我的代码 任何人都可以...
我目前正在开发一个需要响应流的 React 应用程序。为了简化场景,假设我有一个每秒返回一个数字的端点。我正在使用 Flask 做这个...
index.html $(文档).ready(函数(){ $("#mainnavi").load("/mainnav...</desc> <question vote="-2"> <p>index.html</p> <pre><code> <head> <script type="text/javascript"> $(document).ready(function () { $("#mainnavi").load("/mainnavi.html"); }); </script> </head> <body> <div id="mainnavi"></div> </body> </code></pre> <p>mainnavi.html</p> <pre><code> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <script type="text/javascript"> // first time function call btnHistorySearch(); btnManageSearch(); var selectedValue; var selectedProj; // tab menu search control $(function() { $('.tabcontent > .tabmenu').hide(); $('.tabnav a').click(function() { $('.tabcontent > .tabmenu').hide().filter(this.hash).show(); $('.tabnav a').removeClass('active'); $(this).addClass('active'); return false; }).filter(':eq(0)').click(); }); // search button control function btnControl(flag){ if(flag == 'history') { document.getElementById("btnModellist").style.display="none"; document.getElementById("btnModelHistory").style.display="block"; document.getElementById("btnAddProj").style.display="block"; document.getElementById("multipleLabel").style.display="none"; } else { document.getElementById("btnModellist").style.display="block"; document.getElementById("btnModelHistory").style.display="none"; document.getElementById("btnAddProj").style.display="none"; document.getElementById("multipleLabel").style.display="block"; } } // serach table async logic function btnHistorySearch(){ selectedValue = document.getElementById("selectProj"); selectedProj = selectedValue.options[selectedValue.selectedIndex].value; $(document).ready(function() { $.ajax({ type: "POST", url: "/history", data : { variable : selectedProj } , dataType : 'text', success: function(response) { // ... $("#tabHistory").html(response); }, error: function(e) { console.log(e); } }); }); } // // serach table async logic function btnManageSearch(){ console.log("test111 #####"); selectedValue = document.getElementById("selectProj"); selectedProj = selectedValue.options[selectedValue.selectedIndex].value; $(document).ready(function() { $.ajax({ type: "POST", url: "/manage", data : { variable : selectedProj } , dataType : 'text', success: function(response) { $("#tabManage").html(response); //$("#tabManage").empty(); //document.querySelector('#tabManage').innerHTML = response; }, error: function(e) { console.log(e); } }); }); } // add button function showPopupUpload() { let popupWidth = 600; let popupHeight = 200; let popupX = 150; let popupY = 150; //let popupX = (window.screen.width / 2) - (popupWidth / 2); //let popupY = (window.screen.height / 2) - (popupHeight / 2); window.open("/popupUpload", "", 'height='+popupHeight+', width='+popupWidth+', left='+ popupX + ', top='+ popupY); //window.open('', '', 'status=no, height=300, width=200, left='+ popupX + ', top='+ popupY); } </script> <div class="tab"> <ul class="tabnav"> <li><a href="#tabHistory" onclick="btnControl('history')">모델관리</a></li> <li><a href="#tabManage" onclick="btnControl('manage')">모델조회</a></li> </ul> <div class="btnDiv"> <select id="selectProj"> <option value="">전체</option> <option value="TIPP">TIPP</option> <option value="NFE">NFE</option> </select> <button type="button" id="btnModelHistory" class="btnSearch" onclick="btnHistorySearch()" >조회</button> <button type="button" id="btnModellist" class="btnSearch" onclick="btnManageSearch()" >조회</button> <button id="btnAddProj" class="btnAddProj" onclick="showPopupUpload()">추가</button> <label id="multipleLabel" class="multipleLabel"> <input id="multipleCheckbox" class="multipleCheckbox" type="checkbox"> <span id="multipleChecklabel">모델추가</span> </label> </div> <div class="tabcontent" id="tabcontent"> <div id="tabHistory" class="tabmenu"></div> <div id="tabManage" class="tabmenu"></div> </div> </div> </body> </code></pre> <p>管理.html</p> <pre><code> <!DOCTYPE html> <head> </head> <body> <script type="text/javascript"> console.log("manage js test :: "); </script> <script type="module"> console.log("manage module test :: "); </script> <table id="datagrid_table_list" class="datagrid_table_list"> <thead> ... </thead> <tbody> ... </tbody> </table> </body> </html> </code></pre> <p>script标签中定义为type="module"的部分在服务器上来后第一次表现良好</p> <p>但是如果你用刷新或者按钮搜索的方式异步获取数据并绑定,是无法执行的。他们都调用相同的函数并使用它。</p> <p>祝您精神焕发或清理口水。必须重新启动无条件服务才能执行初始 1 well</p> <p>如果有人知道其余的人将无法进行活动,请告诉我,我将不胜感激</p> <pre><code> --first time console.log manage js test :: manage module test :: --After refresh or search console.log manage js test :: </code></pre> <p>强刷新或清除缓存</p> </question> </body></html>
如何在 webix 中将 obj 变量解析为 .show() 弹出窗口?
我有这样的代码。 $$('TLVab').attachEvent("onAfterEditStop", function(state, editor, ignoreUpdate) { $$('deleteLTMPopup').show();//TODO解析状态进入弹窗 ...
我有一个现有的单页应用程序,我已将其转换为 JWT 而不是 PHP 会话。它运行良好,但我正在尝试弄清楚如何在 AJAX 之前刷新 JWT(如有必要)
是否可以在“输入”的 evnentListener 中使用 $.ajax
-这是我的javascript: 让 uname = document.getElementsByClassName('登录用户名')\[0\]; let pass = document.getElementsByClassName('登录密码')\[0\]; uname.addEventListener('input', func...
我尝试使用 Laravel 5.2 Auth 使用 Ajax 创建登录表单。 $(文档).ready(函数(){ $.ajaxSetup({ 标题:{ 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $('#...
如何使用 laravel、Jquary-Ajax 将自定义单用户登录系统更新为多用户登录系统
你好,我是 laravel 的新手,我已经创建了一个自定义的单用户登录系统。现在我必须更新这个 具有自定义多重身份验证的登录页面,将根据用户的角色重定向用户。 但我...
使用 Ajax 更新 Wordpress 管理中的 ACF 字段
我有一个问题,我已经尝试解决了一段时间了。在我看来,这项任务与那些使用 ACF 并希望将字段从一篇文章替换到另一篇文章的人相关。有人马...
我遇到了一些奇怪的问题,我对控制器操作的 ajax 调用没有第二次调用。第一次调用它并且断点被击中。但第二次它甚至没有显示
How to submit a form inside a <div> into the same <div>
我的 JSP 中有 2 // 包含一个带有搜索按钮的搜索条件 JSP。 // 包括 ... I have 2 <div> in my JSP <div id="searchCriteria"> // included one search criteria JSP with search button. </div> <div id="searchResult"> // included search result jsp with <previous> <next> navigation links </div> 问题:单击上一个和下一个导航链接时,我想将div(#searchResult)中可用的表单提交到同一个div本身而不打扰其他div 有什么帮助吗? document.querySelector('#searchResult form').submit() - 试过这个但是它将表单提交给整个内容。但我希望提交只发生在searchResultdiv 您不能通过表单提交来定位 <div> 元素。 <form> 元素有一个 target 属性 但它只针对窗口、选项卡和框架。 您可以将 <div> 替换为 <iframe>,然后将 <form> 放入您默认加载到框架中的单独文档中。 (您不需要 target 属性,因为默认行为针对当前框架/窗口/选项卡)。 您还可以使用 submit 事件 listener 拦截表单提交,prevent 表单的正常行为,使用 FormData 对象捕获表单中的数据,使用 通过 Ajax 提交Fetch API,然后用结果替换<div>的内容。 也就是说,更典型的做法是替换 whole 页面并在分页链接中包含保留搜索条件所需的数据,以便您可以在加载页面时重新创建它。 但我希望提交只发生在searchResultdiv 如果你在<div>里面使用表格: <div id="searchResult"> <form> // included search result jsp with <previous> <next> navigation links </form> </div> 然后你可以使用你的代码 document.querySelector('#searchResult form').submit()
我有一个使用 javascript 的 ajax 调用,ajax 调用在 android 和桌面上运行良好。但在 iphone 11 以下的 iOS 中,ajax 调用不起作用,但在 iphone 11 以上的 iOS 中,它工作正常。我有...
使用 ajax 的 Wordpress 登录/注销。 Nonce 问题,在第二次 ajax 调用时,给出 403 错误
我尝试在我的网站上为用户进行 ajax 登录/注销和注册。 通过ajax登录有效。 ajax 响应给出注销的 html 代码和一个新的随机数,一旦用户是 l...
我在更新面板中的面板中有一个文本框和一个按钮控件。我想验证文本框是否在单击按钮时为空。实际上这个面板用于 Modal Popup Extender 功能......