AJAX(异步JavaScript和XML)是一种通过客户端和服务器之间的异步数据交换来创建无缝交互式网站的技术。 AJAX有助于与服务器进行通信或部分页面更新,而无需传统的页面刷新。
我是 JS HTML JQuery ajax 新手,目前我的 HTML 案例有问题。为了最准确地描述我现在面临的情况,我首先会谈谈这个过程。该项目是关于春天的...
我在js中有这个请求 请求发送:函数(e) { 让数据= { request_id: e.target.dataset.request_id }; $.ajax( { url: '/posts/save-changes', 方法:'p...
在初始页面加载后将整个选项卡元素添加到页面时如何初始化 twitter bootstrap 2.0 选项卡
我正在通过 Ajax 将一些 HTML 加载到包含新选项卡元素的页面中。唯一的问题是选项卡不起作用,因为引导程序已经初始化。所以我尝试了
我想从ajax数据表传递参数来过滤信息,我有以下内容: 我想将选择“nombremedico”和两个输入:initial_date 和 Final_date 传递给 fetch_pasar.php ...
使用ajax将formData发送到spring服务器时如何添加对象列表
下面编写的代码中,objs 值为 null。我尝试了各种方法,但结果 objs 为空。如何在FormData中添加对象列表? 在“网络”选项卡上检查有效负载时,obj...
我试图强制以下页面完全加载: http://v3.torontomls.net/Live/Pages/Public/Link.aspx?Key=f7aa9fac8a5b45ed9f3baa480373d09a&App=TREB 我遇到的问题是...
我有以下代码: <!-- function getXMLHTTP() { //function to return the xml http object var xmlhttp=false; ...</desc> <question vote="1"> <p>我有以下代码:</p> <pre><code><script type="text/javascript" language="javascript"> <!-- function getXMLHTTP() { //function to return the xml http object var xmlhttp=false; try{ xmlhttp=new XMLHttpRequest(); } catch(e) { try{ xmlhttp= new ActiveXObject("Microsoft.XMLHTTP"); } catch(e){ try{ req = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e1){ xmlhttp=false; } } } return xmlhttp; } function wait1() { document.getElementById('comment').innerHTML="Please wait..."; } function getComment(strURL) { var req = getXMLHTTP(); if (req) { req.onreadystatechange = function() { if (req.readyState == 4) { // only if "OK" if (req.status == 200) { document.getElementById('comment').innerHTML=req.responseText; } else { alert("There was a problem while using XMLHTTP:\n" + req.statusText); } } } req.open("GET", "comment_form.php", true); req.send(null); } } //--> </script> <div id="comment"> <form action="javascript:get(document.getElementById('comment'));wait1()" method="post" enctype="multipart/form-data" > <input type="submit" name="Submit" value="Post Your Comment" /> </form> </div> </code></pre> <p>我确信我过去使用同样的方法运行顺利,但现在似乎不起作用。我认为那里有些混乱,但无法弄清楚。</p> <p>如果我得到解决方案,我将不胜感激。</p> </question> <answer tick="false" vote="0"> <p>我发现上述代码中的一个错误是: getComment(strURL) 函数接受一个从未使用过的参数。 “comment_form.php”应该替换为函数的参数。而且,由于软件很软,我将 strURL 重命名为更易于阅读和拼写的“url”。</p> <p>(DIV 显示为打开状态,而不是关闭状态,这是一种格式疏忽,我认为。wait1 函数在这里也未使用。) </p> <p>无需将已弃用的“语言”属性添加到 SCRIPT 标记,也无需在 HTML 注释中包装任何 JS 代码。</p> <pre><code>function getXMLHTTP() { var x = false; try { x = new XMLHttpRequest(); } catch(e) { try { x = new ActiveXObject("Microsoft.XMLHTTP"); } catch(ex) { try { req = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e1) { x = false; } } } return x; } /* TODO: Where is this ever used? */ function wait1() { document.getElementById('comment').innerHTML = "Please wait..."; } function getComment(url) { var req = getXMLHTTP(); if (!req) { // Complain early, instead of nesting deeply alert('Unable to set up the XHR object.'); return; } req.onreadystatechange = function() { if (req.readyState == 4) { // only if "OK" if (req.status == 200) { document.getElementById('comment').innerHTML = req.responseText; } else { alert("There was a problem while using XMLHTTP:\n" + req.statusText); } } }; req.open("GET", url, true); // the "true" stands for "async", when is this not default? req.send(null); // do not add any content (null); when is this not default? } </code></pre> <p>我在代码中添加了一些问题。</p> </answer> </body></html>
我有两个 PHP 文件。 第一个:http://huntinggrounds.de/test/sessionToken.php 通过 session_start() 打开一个新会话,并具有变量 $_SESSION['token'] = "123"; 通过执行获取(ajax...
我正在尝试使用 Fetch API 从表单中检索数据并将其邮寄,但我收到的电子邮件是空的。响应似乎成功,但没有发送任何数据。我究竟做错了什么? 这我...
使用 fetch API 重写 jquery Ajax 调用
我有以下jquery的ajax调用: 常量发送数据 = {...} $.ajax({ url: "/api/data/getuser", 类型:“获取”, 数据:发送数据, 数据类型:'json', 内容类型:'应用...
我想通过ajax启用我的按钮,但是 $("button#tambah").prop('disabled', false) 不起作用。 这是我的代码 我想通过ajax启用我的按钮,但是$("button#tambah").prop('disabled', false)不起作用。 这是我的代码 <!-- view --> <button type="button" class="btn btn-primary btn-block" id="tambah" name="tambah" disabled > <i class="fa fa-plus"></i> </button> //ajax $('#id_fgwtmethod').on('change', function(){ if($(this).val() == '') reset() else { const url_get_all_method = $('#content').data('url')+'/get_all_method' $.ajax({ type:'POST', url: "<?=site_url('c_fgwttesting/get_all_method');?>", dataType: 'json', data: {id_fgwtmethod: $(this).val()}, success: function(data) { $('input[name="nama_fgwtmethod"]').val(data.nama_fgwtmethod) $("button#tambah").prop('disabled', false) } }) } }) 我已经尝试过使用 $("button#tambah").attr('disabled', false) 或 $("button#tambah").RemoveAttr('disabled') 但根本不起作用。 试试这个 $("button#tambah").attr('disabled', 'false') 。你应该把它放在 '' 或 "" 中,因为它是字符串
我在 UAT 环境中收到此错误“处理请求时出错”。在我当地,代码似乎运行良好。 这一行 Utility.WriteLogEvent("TestService", strMessa...
window.location.href 更改后本地存储自动清除
Ajax(){ ............ ............ 成功:函数(响应){ localStorage.setItem("令牌", 响应['令牌']) window.location.href =“https://www.example.com/profiler/” }...
我正在尝试通过 Ajax 请求检索音频数据并将其加载到音频元素中,但由于某种原因我无法让播放器工作。播放按钮保持禁用状态,似乎没有...
我正在尝试在成功的ajax调用后重新初始化猫头鹰轮播。 ajax 调用将更改数据,但视图应保持不变。我遇到一个问题,视图轮播结构 wi...
动态更改 colModel、colData 和 colNames
我尝试在用户单击“下个月”按钮或“上个月”按钮后更改 colModel、colNames 和 ColData。但这不起作用。 在这里您可以看到用户使用后的变化
我试图通过单击模板中的 html 按钮来触发视图。 模板(测试.html) 我试图通过单击模板中的 html 按钮来触发视图。 模板(test.html) <div id="test_count"></div> <input type="button" value="Get number of records in DB" onclick="numberec()" /> <script> function numberec() { $.ajaxSetup( {data: {csrfmiddlewaretoken: '{{ csrf_token }}'}, }); $.ajax({ type: "POST", url: "../number_of_rec/", success: function (data) { $("#test_count").html({{number_of_rec}}); } }) } </script> 查看.py def number_of_rec(request): number_of_rec = Record.objects.count() data2 = render(request, 'test.html', {'number_of_rec': number_of_rec}) return (data2) def test(request): return render(request, 'test.html') url.py from django.urls import path from . import views urlpatterns = [ path('', views.home, name='home'), path('number_of_rec/', views.number_of_rec, name='number_of_rec'), path('test/', views.test,name='test'), ] 当我在网络浏览器中转到 https://my_web_app.com/test 时,按钮不会触发 number_of_rec 视图,并且 div 不会填充结果。 但是,如果我通过在 Web 浏览器中转到 https://my_web_app.com/number_of_rec 来触发视图,则该按钮将起作用并用预期结果填充 div。 我应该怎么做才能让我的 Ajax 从 number_of_rec 页面或任何其他页面触发 test.html 视图? 我有点失落... 谢谢 问题似乎与您如何在 JavaScript 代码上指定 URL 以及它在不同上下文中的解释方式有关。为了确保您的 AJAX 请求触发 number_of_rec 视图,您应该以连续工作的方式指定 URL。 <script> function numberec() { $.ajaxSetup({ data: { csrfmiddlewaretoken: '{{ csrf_token }}' } }); $.ajax({ type: "POST", url: "{% url 'number_of_rec' %}", success: function (data) { $("#test_count").html(data.number_of_rec); } }); } </script>
我已经测试并搜索了该主题,但在我的案例中没有找到确切的(有效的)答案。 我的大学实验室有一个简单的表单,它与 Google reCAPTCHA 脚本一起用作 AJAX 表单。对于
使用ajaxComplete时忽略查询字符串(settings.url)
我正在使用ajaxComplete来捕获AJAX请求,但唯一的问题是我无法捕获/cart.js,因为总是有一个随机查询字符串。 前 - '/cart.js?_=1324346569' 我怎样才能告诉这个 ajaxCompl...
在我的 mySQL 数据库中,我获得了图像的路径,如何在我的网站上显示它们?
我是初学者,这仅供学习。 我的目标是在 HTML 的同一行中显示数据库的图像和其他内容。 这是我的 HTML 中的 JS 代码 <p>我是初学者,这仅供学习。 我的目标是在 HTML 的同一行中显示数据库的图像和其他内容。</p> <p>这是我的 HTML 中的 JS 代码</p> <pre><code><script type="text/javascript"> "use strict"; document.addEventListener("DOMContentLoaded", function () { callArticles(); }); </script> </code></pre> <p>这是来自我的 Ajax 文件</p> <pre><code>"use strict"; let ajax = new XMLHttpRequest(); ajax.onreadystatechange = function () { if (this.readyState == 4 && this.status == 200) { let response = this.responseText; let dbContent = document.getElementById('dbContent'); dbContent.innerHTML = response; } } function callArticles() { "use strict"; let param = 'PHP/getBikes.php'; ajax.open("GET", param); ajax.setRequestHeader('Pragma', 'no-cache'); ajax.setRequestHeader('Cache-Control', 'must-revalidate'); ajax.send(); } </code></pre> <p>这是我的 PHP 代码</p> <pre><code><?php $servername = 'localhost'; $username = 'root'; $password = ''; $database = 'bikes'; $con = new mysqli($servername, $username, $password, $database); if($con->connect_error){ die("cannot connect to database: " . $con->connect_error); } $sql = "SELECT * FROM bike"; $result = $con->query($sql); $data = array(); if($result->num_rows > 0){ while($row = $result->fetch_assoc()){ $data[] = $row; } } echo json_encode($data); $con->close(); ?> </code></pre> <p>我没有找到任何对我有帮助的东西</p> </question> <answer tick="false" vote="0"> <p>假设数据库如下所示</p> <pre><code>id name image_path 1 Item 1 /images/item1.jpg 2 Item 2 /images/item2.jpg 3 Item 3 /images/item3.jpg </code></pre> <p>你需要解析 json - 例如这样</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>window.addEventListener("DOMContentLoaded", () => { const dbContent = document.getElementById('dbContent'); const process = (data) => dbContent.innerHTML = data.map(({image_path}) => `<img src="${image_path}" />`).join(''); /* fetch('PHP/getBikes.php') .then(response => reponse.json()) .then(data => process(data)) */ process(data); // test, remove this when you uncomment the fetch }); </code></pre> <pre><code><div id="dbContent"></div> <script> // test data returned from fetch data = [ { "id": "1", "name": "Item 1", "image_path": "/images/item1.jpg" }, { "id": "2", "name": "Item 2", "image_path": "/images/item2.jpg" }, { "id": "3", "name": "Item 3", "image_path": "/images/item3.jpg" } ] </script></code></pre> </div> </div> <p></p> </answer> </body></html>