ajax 相关问题

AJAX(异步JavaScript和XML)是一种通过客户端和服务器之间的异步数据交换来创建无缝交互式网站的技术。 AJAX有助于与服务器进行通信或部分页面更新,而无需传统的页面刷新。

在 JS 中按日期排列聊天消息

我看到了这个,但是并没有解决我的问题: 如何按日期对数组中的项目进行分组? 我想按日期排列这条聊天消息,我已经成功从数据库中检索消息

回答 2 投票 0

使用变量中的值更新选中的元组复选框的数据库

我正在尝试使用 php 和 javascript 设置网页。在这个网站上有一张表格显示了来自 postgres 数据库的相关数据。这张表在表单标签内,所以我有电子复选框...

回答 1 投票 0

它不会从我的数据表中删除类别,我正在使用 ajax、jquery、数据表、javascript 和 php

我在 ajax、控制器、模型和 javascript 和 jquery 代码中有这个删除功能,我试图用这个获取 id_category,当我按下删除时它告诉我该类别已被删除...

回答 0 投票 0

PHP 从 AJAX 获取空数据

我想在基于过滤器的选择上创建一个简单的“取消全选”功能。我在 Internet 上读到 AJAX 将是一个完美的工具,所以我开始编写代码,但我不能...

回答 1 投票 0

将 php var 解析为 javascript js

男士和女士。 我有一个问题,我有 2 个文件 controll.php 和 chat.js 主文件加载这两个名为 webchat.php 的文件 我需要一个 var 到 javascript,让我解释一下。 我有...

回答 0 投票 0

如何通过 Ajax 发送控制器(url 路径错误)

我正在尝试使用 tomcat 9、spring 4.0.0、myBatis 从 java 1.7 迁移到 1.8。 并且还在 security.xml 中禁用了 csrf。 我认为我对 Ajax 有疑问。 请检查下面的案例, $.ajax({ ...

回答 0 投票 0

How to put the post id in the url in a infinite scroll using php and AJAX

我有 15 个帖子(在我的案例中是提示),我从数据库中获得,当用户点击其中一个时,他会通过给 id 和 url 被发送到该帖子的详细信息页面。 例子: 在...的顶部

回答 0 投票 0

在 Thymeleaf 中动态使用片段 - Spring Boot/动态重新加载页面的一部分 onChange/onClick whatever

如标题所示,我正在尝试创建一个页面,更准确地说是一个表单,当页面的元素发生更改时必须重新加载它的一部分(onChange) 我在前端使用 Thymeleaf 并且...

回答 0 投票 0

jquery 日期选择器返回未定义的值

嗨,我正在使用日期选择器来获取日期。我已经完成了 jquery datepicker,但它返回未定义的值。请帮我。 HTML代码 嗨,我正在使用日期选择器来获取日期。我已经完成了 jquery datepicker,但它返回未定义的值。请帮助我。 HTML代码 <input type="text" class="form-control fromdate" id="datepicker" name="from_date" placeholder="From date" value="<?php echo set_value('from_date'); ?>" > 剧本 var fromdate = $('.fromdate').datepicker('getDate'); alert(fromdate); 当您使用日期选择器时,我们需要先初始化它 <input type="text" class="form-control fromdate" id="datepicker" name="from_date" value="2015-4-10" /> <script> $(document).ready(function(){ $('.fromdate').datepicker({ dateFormat: 'yy-m-d', inline: true, onSelect: function(dateText, inst) { var date = $(this).datepicker('getDate'), day = date.getDate(), month = date.getMonth() + 1, year = date.getFullYear(); alert(day + '-' + month + '-' + year); } }); var fromdate = $('.fromdate').datepicker('getDate'); alert(fromdate); }); </script> 当您使用 jQuery UI 小部件时,您首先必须在调用其上的任何函数之前实例化该小部件: $(function() { //Instanciate the widget $( ".fromdate" ).datepicker(); //Access to widget's functions alert($( ".fromdate" ).datepicker('getDate')) }); jsFiddle 注意:$(function(){ YOUR CODE HERE });只是$(document).ready(function(){ YOUR CODE HERE });的快捷方式 没有你的完整页面/代码,这是猜测,但使用 datepicker 非常简单。您需要“先打开它”,然后再使用它: $('.fromdate').datepicker({ onSelect: function (dateText) { var fromdate = $('.fromdate').datepicker('getDate'); alert(fromdate); } }); JSFiddle: http://jsfiddle.net/TrueBlueAussie/zr9ewogp/1/ 你的例子看起来很奇怪,因为 onSelect 事件传递了日期值,所以实际上不需要获取它: 例如 $('.fromdate').datepicker({ onSelect: function (dateText) { alert(dateText); } }); 1.如何在Jquery中设置QueryString 变种类型=“数据类型”; window.location.href = ../../DashBoard/Index?Type=${type}; 2.如何在Jquery中获取QueryString const queryString = new URLSearchParams(window.location.search); const type = queryString.get('类型');

回答 4 投票 0

JQuery - $.each 在 $.each 等待函数完成 [重复]

我有一个 $.each 循环,它在另一个 $.each 中,它调用一个函数来向我的后端系统添加值。 我的 $.each 循环是这样的: $.each(位置,函数(我,位置){ ...

回答 3 投票 0

当鼠标光标放置在 ahref 标签中时,在浏览器左下角隐藏或操作 URL

我想在谷歌等浏览器的左下角隐藏、删除或操作 URL 显示。 尝试使用 JS: 我想在谷歌等浏览器的左下角隐藏、删除或操作 URL 显示。 尝试使用 JS: <a href="https://example.com" onmouseover="window.status='google.com'; return true;" onmouseout="window.status=''; return true;">Example</a> 尝试使用 CSS : .no-tooltip:hover::after { content: none !important; } <a href="http://example.com" class="no-tooltip">Link</a> 谷歌示例: 在 Google 中,当您将指针放在任何搜索结果或 ahref 标签中时,它会显示如上图所示的 URL 状态,但是当您单击它或复制它时,您会发现不同的https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwizyLqk54X-AhWIUGwGHeqDA5EQFnoECCUQAQ&url=https%3A%2F%2Fexample.com%2F&usg=AOvVaw2g9Si57HiLP2X7LeNGKaHd 截图: 你不能改变Window.status。为了达到期望的结果,您可以使用location.href或location.replace var link = document.getElementById("my-link"); link.addEventListener("click", function(event) { event.preventDefault(); // Prevent the default link behavior // Change the href to the new URL link.href = "https://www.example.com"; // Redirect to the new URL //window.location.href = link.href; window.location.replace(link.href); }); <a id="my-link" href="https://www.google.com" data-mc-cta="1" target="_blank">Click me!</a> 包括左键单击、右键单击和上下文菜单 var link = document.getElementById("my-link"); function redirectLink(event) { event.preventDefault(); // Prevent the default link behavior link.href = "https://www.example.com"; // Change the href to the new URL window.location.replace(link.href); // Redirect to the new URL } // Listen for left-click and contextmenu events link.addEventListener("click", redirectLink); link.addEventListener("contextmenu", redirectLink); <a id="my-link" href="https://www.google.com" data-mc-cta="1" target="_blank">Click me!</a> 对于使用类和 for 循环的多个 URL var links = document.getElementsByClassName("link"); function redirectLink(event) { event.preventDefault(); // Prevent the default link behavior this.href = "https://example.com"; // Change the href to the new URL window.location.replace(this.href); // Redirect to the new URL } // Loop through all links with the afflink class and add event listeners for (var i = 0; i < links.length; i++) { links[i].addEventListener("click", redirectLink); links[i].addEventListener("contextmenu", redirectLink); } <a href="https://www.google.com" class="link"> Google </a> <a href="https://www.yahoo.com" class="link"> Yahoo </a> <a href="https://www.bing.com" class="link"> Bing </a> 只有右键单击所有具有相应URL的a href var links = document.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) { links[i].addEventListener("contextmenu", function(event) { event.preventDefault(); window.location.replace(this.href); }); } <a href="https://www.Example.com"> Example </a> <a href="https://www.wikipedia.com"> Wikipedia </a> <a href="https://www.bing.com"> Bing </a> <a href="https://www.stackoverflow.com"> stackoverflow </a> 您可以使用 event.preventDefault 来阻止链接传播,然后使用 javascript 重定向到另一个页面。 这是一个简单的例子: $(document).ready(function (){ $("a").click(function(event) { event.preventDefault(); //stop the redirect location.href="https://www.wikipedia.org"; }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="link"> <a href="http://www.google.it">Google</a> </div> 希望我有帮助!

回答 2 投票 0

如何使用HTMLUnit从网站源代码中提取<div data-module-*>里面的HTML元素?

我正在尝试通过搜索通用 URL 字符串(如下所示)从教育网站 Udemy 中删除内容(例如课程缩略图、价格等)。 si的源代码...

回答 1 投票 0

从服务器发送 JSON 到 nodejs 站点

我想为网站写一个评论系统,不仅可以放在我的网站上。https://nasobe.ru/comments/ 还可以与其他人分享。从我的github。 https://github.com/amir248/comments 在 express jso 中...

回答 1 投票 0

FormData 列表数据无法在控制器中发布

我正在使用 dot net core 7。这里我有一个上传多个文件的表单 不可能直接使用我有一个不同的类来上传文件和其他数据 注意:这些数据不是...

回答 0 投票 0

yajra数据表重新排序时想要更新数据库中的位置

我正在尝试使用可排序方法重新排序,拖放操作正常但位置没有更新 这是我在其中使用 yajara 数据表的 listUser.blade.php 文件 我正在尝试使用 sortable 方法重新排序,拖放操作正常但位置没有更新 我在其中使用 yajara 数据表的 listUser.blade.php 文件 <div class="container mt-5"> <h2 class="mb-4">User List</h2> <table id ="userTable"class="table table-bordered yajra-datatables"> <thead> <tr> <th>Sr.No</th> <th>First Name</th> <th>Last Name</th> <th>Email</th> <th>Country Code</th> <th>Mobile Number</th> <th>Action</th> </tr> </thead> <tbody></tbody> </table> </div> <script type="text/javascript"> $(function(){ var table =$('#userTable').DataTable({ processing:true, rowReorder: true, serverSide:true, ajax:"{{ route('user.list') }}", columns:[ {data:'DT_RowIndex',name:'DT_RowIndex'}, {data:'first_name',name:'first_name'}, {data:'last_name',name:'last_name'}, {data:'email',name:'email',searchable:false}, {data:'country_code',name:'country_code'}, {data:'mobile_number',name:'mobile_number'}, {data:'action',name:'action',searchable:false}, {data: 'id', name: 'id' , visible: false }, {data: 'position', name: 'position', visible: false,searchable:true}, ], order: [[ 8, 'asc' ]], rowReorder: { selector: 'tr', } }); $('tbody').sortable({ update: function (event, ui) { var data = $(this).sortable('toArray', {attribute: 'id'}); alert(data); var token = $('meta[name="csrf-token"]').attr('content'); $.ajax({ url: "{{ route('user.reorder') }}", type: 'POST', data: {data: data,_token:token}, dataType:'json', success: function (response) { console.log(response); }, error: function (xhr, status, error) { console.log(xhr.responseText); } }); } }); }) </script> 我的 Usercontorller 文件有重新排序的方法来保存数据库中的位置 public function reorder(Request $request) { try{ foreach($request->data as $row) { User::find($row['id'])->update(['position' => $row['position']]); } return response(); } catch(Exception $e){ print_r($e->getMessage()); } } 这是特定路线 Route::post('user/reorder', 'reorder')->name('user.reorder');

回答 0 投票 0

How to transfer/send value of getElementById to input value in javascript HTML

我有 getElementId 和输入值,我想将 id 值发送到输入值。 我的 Javascript:谷歌地图很长: document.getElementById('纬度').innerHTML = place.geometry.loc...

回答 0 投票 0

2 自定义 wp_query 使用与 'orderby' => 'rand' 相同的兰特?

在我的主页上,我显示了 9 个帖子,我有一个加载更多按钮(使用 ajax)调用其他 9 个帖子等等。目前我按“日期”订购,但我想随机订购。问题是……

回答 2 投票 0

如何在 Ajax 弹出模式中从多个表中获取数据

我有一个表格,其中一个单元格可以单击并打开一个弹出模式以显示有关数据的更多信息。根据数据,jobregister_id, customer_name, machine_type, job_description, reas...

回答 0 投票 0

如何在ajax返回数据表中添加checkbox并在ajax调用中获取checked checkbox的值

亲爱的导师们,我正在做一个 asp.net core mvc .net 6 项目,在这个项目中我有一个视图,我正在调用 ajax 将数据加载到数据表 ajax 调用和数据表加载脚本就像...

回答 0 投票 0

Ajax 不将数据发布到后端 MVVM C#

我试图将数据从前端 HTML 页面发布到 MVVM 中的后端代码 C#,在进行大量测试场景(通常是路径)时,我会得到 404 或 400 错误。 这是

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.