ajax 相关问题

如何删除 td 具有特定数据属性值的 tr

我试图在ajax成功后从DOM中删除一个tr，其中这个tr的td具有特定的数据值 这是 HTML： 第一 我试图在ajax成功后从DOM中删除一个tr，其中这个td的tr具有特定的data-value值 这是 html: <tr> <td data-value="1">First</td> </tr> <tr> <td data-value="2">Second</td> </tr> <tr> <td data-value="3">Third</td> </tr> ...... 我的ajax javascript: success: function (data) { var identity = data.val; // gives me the number 2 // find td which has data-value of 2 and remove the corresponding tr of it from DOM $('td[data-value=identity]').closest('tr').remove(); // does not work }, 我怎样才能实现这个目标？ 我建议您非常具体地了解带有“td”标签的表格。 $('td[data-value="'+ identity +'"]').closest('tr').remove(); 评论中回答的上述代码仅适合您： 如果 HTML DOM 中有单个表，其中“tr”标签作为“td”标签的父元素，其上有 data-value=“identity”。 如果 HTML DOM 上有多个表，此代码将从 DOM 内的开始/第一个“元素”开始检查，一旦找到具有 data-value='identity' 属性的“td”标签，它将删除父“tr”元素，无论 DOM 内可能有多个表，或者您希望从表 2 中删除“tr”标签，但它按照上面的代码从表 1 中删除了“tr”标签。 如果您想定位表内的任何标签（因为在未来的开发中同一页面上可能有多个表），在 jQuery 选择器中指定表名称并根据要求将其遍历到特定的子元素始终是一个很好的做法). 您可以将上面的代码即兴编写为， $('#specific-table-name tbody td[data-value="'+ identity +'"]').closest('tr').remove(); 此代码将首先在整个 DOM 中查找表名称，然后遍历该表的“tbody”标签并搜索具有 data-value="identity" 的“td”元素 -> 然后删除最近的“tr”。 注意：如果要删除多个 data-value="identity"，请使用 .each/.map 方法迭代表以获得所需结果。

未捕获类型错误：jQuery(...).dialog 不是函数

我已经尝试了所有 CDN 但总是出错。请建议正确的CDN jQuery(文档).ready(函数() { 调试器; jQuery(函数() { jQuery("#divLookUp").dialog({ 自动打开：

在调用done()时将来自服务器的json响应获取到jquery ajax中的变量中

我想在按钮单击时从服务器获取 json 响应并解析为 div，但我坚持如何做到这一点。 去付款... 我想在单击按钮时从服务器获取 json 响应并解析为 div，但我坚持如何做到这一点。 <button type="submit" id="btPay" name="btPay"> Go for Payment </button><br> <div id="notif"></div> 我的外部js如下： var resJson; async function myFunction() { var settings = { "url": "urlApi", "method": "POST", "timeout": 0, "headers": {"headerContents"}, "data": JSON.stringify({"inputData"}) }; $.ajax(settings).done(function (response) { resJson = $.parseJSON(response); }); } async function setResponse() { $("#notif").html(resJson); } $('#btPay').bind('click', function() { myFunction(); setResponse(); }) 问题是我无法获取 Json 响应值。基于我的js，我错过了什么吗？ 感谢并感谢您的帮助。 我觉得用await来获取答案比较好！ 就像这样： $.ajax(settings).done(function(response) { resJson = await $.parseJSON(response); }); async function setResponse() { await $("#notif").html(resJson); } 希望对你有帮助。

AJAX 仅从循环中的最后一个表单获取数据（Django）

我有一个 for 循环，可以在页面上创建多个表单。我希望能够使用 AJAX 将这些表单提交到另一个页面而无需刷新，但是无论哪种表单我都只能提交...

如何使用flask发送pdf文件以进行ajax响应？

我试图在浏览器中显示pdf文件而不为用户下载它。所以目前我有一个flask函数，可以使用FPDF模块生成pdf文件，我需要它来显示......

向动态生成的选择标签添加选项

我在使用 jQuery 动态生成的选择中添加选项时遇到问题。我正在从数据库中获取选项，我想显示每个动态的所有这些选项...

使用ajax在数据库中保存多个同名字段

我想保存当我尝试保存数据时动态生成的多行表，仅将第一个字母保存在数据库中。当我尝试保存下一行时，它在

在spring mvc中使用ajax弹出

我正在开发带有两个html页面的spring mvc应用程序。 Student.html 和details.html。在student.html中，我有“studentId”和“查看”按钮。当用户单击查看按钮时，

Wordpress admin-ajax.php 什么是搜索参数

我是 php 和 wordpress 的新手。 在 admin-ajax.php 上有一个我可以添加的搜索参数吗？ 这些参数在ajax帖子里； 行动：rblivep 数据[uuid]：uid_search_0 数据[名称]：grid_small_1 数据[

REST API - 错误处理的最佳方法

构建 API 响应时，哪种方法更适合（手动）返回状态码以指示请求的有效性： 1 - 在 JSON 响应中嵌入响应代码 { '

Symfony 我的 url 得到一个 id 而不是 slug

我创建了一个函数，当您选择客户时，它会检索有关客户的信息，例如关联的保单类型以及与此类保单关联的佣金率。在...

在 asp.net C# 中的 Jquery 数据表中获取 Id '未定义'

当我尝试通过 jquery 数据表获取特定行的 Id 时，收到未定义的消息警报。 这是我最新的代码， 当我尝试通过 jquery 数据表获取特定行的 Id 时，收到未定义的消息警报。这是我最新的代码，<table id="gv_Datatable" class="table table-responsive table-hover"> <thead> <tr> <th>Id</th> <th>Date</th> <th>Name</th> <th>Receipt</th> <th>Payment</th> <th>Description</th> <th>Actions</th> </tr> </thead> <tfoot> <tr> <th>Id</th> <th>Date</th> <th>Name</th> <th>Receipt</th> <th>Payment</th> <th>Description</th> </tr> </tfoot> </table> <!-- jQuery --> <script src="Plugins/jquery/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $.ajax({ type: "POST", dataType: "json", url: "FillGridMethod.asmx/GetCashBookList", dataType: "json", success: function (data) { var datatableVariable = $('#gv_Datatable').DataTable({ dom: 'Bfrtip', data: data, columns: [ { 'data': 'Id', visible: false }, { 'data': 'cashbookdate', 'render': function (date) { var date = new Date(parseInt(date.substr(6))); var month = date.getMonth() + 1; return date.getDate() + "/" + month + "/" + date.getFullYear(); } }, { 'data': 'cashbookaccname' }, { 'data': 'cashbookreceipt' }, { 'data': 'cashbookpayment' }, { 'data': 'cashbookdescription' }, { "render": function (data, row) { return "<a href='#' id='" + row.Id +"' class='btn btn-success' onclick=DeleteCustomer(this); >Delete</a>"; } }] }); } }); }); function DeleteCustomer(obj) { var rowID = $(obj).data("Id"); alert(rowID); } </script> 这里是 GetCashBookList 方法（从 ajax url 调用）[WebMethod] public void GetCashBookList() { var cashBook = new List<CashBookModel>(); string constr = cn.ConnectionString; using (SqlConnection con = new SqlConnection(constr)) { qryFillGrid = " select cashbookid, cashbookdate, cashbookaccname, cashbookreceipt, cashbookpayment, cashbookdescription from tbl_cashbook "; var cmd = new SqlCommand(qryFillGrid, con); con.Open(); var dr = cmd.ExecuteReader(); while (dr.Read()) { var cashBookModel = new CashBookModel { Id = Convert.ToInt32(dr[0]), cashbookdate = Convert.ToDateTime(dr[1]), cashbookaccname = dr[2].ToString(), cashbookreceipt = Convert.ToDecimal(dr[3]), cashbookpayment = Convert.ToDecimal(dr[4]), cashbookdescription = dr[5].ToString() }; cashBook.Add(cashBookModel); } } var js = new JavaScriptSerializer(); Context.Response.Write(js.Serialize(cashBook)); } 问题可能与您如何访问 ID 函数中的 DeleteCustomer 属性有关。查看您的代码，有几个区域可能导致问题。 首先，在 DeleteCustomer 函数中，尝试使用 .data("Id") 获取 ID。但是，在呈现的删除按钮中，ID 设置为 HTML 属性，而不是数据属性。 这是解决此问题的代码的更新版本： $(document).ready(function () { // ... your existing code ... var datatableVariable = $('#gv_Datatable').DataTable({ // ... your existing DataTable initialization ... "columnDefs": [{ "targets": -1, "data": null, "defaultContent": "<a href='#' class='btn btn-success'>Delete</a>" }] }); $('#gv_Datatable tbody').on('click', 'a', function () { var data = datatableVariable.row($(this).parents('tr')).data(); var rowID = data.Id; alert(rowID); // Perform delete operation or any other logic with rowID here }); }); 此代码将单击事件附加到 DataTable 每一行中的“Delete”按钮。单击按钮时，它会检索单击的行的数据并从中提取 Id 属性。 此外，请确保服务器端方法 GetCashBookList 的响应返回预期的 JSON 格式，并正确填充 Id 字段。此 JSON 结构应与您在 DataTable 中定义的列相匹配。 关于您的后端方法，GetCashBookList，确保它返回 DataTable 所需格式的 JSON。根据您提供的代码，它似乎正确序列化了 CashBookModel 对象列表，但请确认 Id 字段已正确填充在 JSON 响应中。 请记住验证从服务器返回的 JSON 结构是否与预期的 DataTable 列结构匹配。 这应该可以解决单击删除按钮时从数据表行中检索 ID 的问题。

如何防止客户端高分被伪造

构建游戏时，您可能会添加高分，用户必须玩游戏（使用 JavaScript），完成后，分数会使用 AJAX 等从客户端提交到服务器。 ...

Ajax 请求返回 200 OK，但会触发错误事件而不是成功

我已经在我的网站上实现了 Ajax 请求，并且我正在从网页调用端点。它总是返回 200 OK，但 jQuery 执行错误事件。 我尝试了很多事情，但我做不到

Wordpress：使用 AJAX 调用的 REST API 进行 Cookie 检查失败

我创建了一个 REST API，在页面加载时使用 AJAX 调用该 API 来获取帖子元数据。为了确保安全，我实现了“permission_callback”来限制只有管理员用户的访问...

等待完成for循环内调用的所有ajax函数

我有一个函数reboot()，预计在for循环中的所有ajax调用完成后调用。 我尝试在所有“proceedSaving”comp之后调用“reboot”功能...

如何使用ajax将javascript变量值传递给同一页面上的php变量而不需要重新加载？

我尝试使用ajax将javascript变量值传递给php变量。 我想传递该值而不重新加载页面。 这是我的代码： &l...

SignalR 和 SqlTableDependency 触发问题：post 后无数据

在我的ASP.NET Core项目中，当我使用Ajax添加数据时，我成功列出了数据。 另外，在“详细信息”页面上更新后，我重定向到“索引”页面并查看我在此处更新的数据。 代码是

在内容之间切换

我有以下代码。 访问以下网站查看输出 https://jsfiddle.net/name_123/qzx3auev/1/ 我想将活动切换的背景颜色更改为白色。 我有以下代码。 访问以下网站查看输出 https://jsfiddle.net/name_123/qzx3auev/1/ 我想将活动切换的背景颜色更改为白色。 <div class="col-md-9 register-right"> <ul class="nav nav-pills nav-tabs nav-justified" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link " id="home-tab" data-toggle="pill" href="#home" role="tab" aria-controls="home" aria-selected="true">Buyer</a> </li> <li class="nav-item"> <a class="nav-link " id="profile-tab" data-toggle="pill" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Seller</a> </li> </ul> </div> CSS 是 .nav-tabs{ margin-top: 3%; border: none; background: #0062cc; border-radius: 1.5rem; width: 28%; float: right; } .nav-tabs .nav-link{ padding: 2%; height: 34px; font-weight: 600; color: #fff; border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; } .nav-tabs .nav-link:hover{ border: none; } .nav-tabs .nav-link.active{ width: 100px; color: #d8dfe6; border: 2px solid #0062cc; border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; } 以下内容可以解决您的问题吗？ .nav-tabs { margin-top: 3%; border: none; background: #0062cc; border-radius: 1.5rem; width: 28%; float: right; } .nav-tabs .nav-link { padding: 2%; height: 34px; font-weight: 600; color: #fff; border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; } .nav-tabs .nav-link:hover { border: none; } .nav-tabs .nav-item.active .nav-link { width: 100px; background: white; border: 2px solid #0062cc; color: #0062cc; border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; } <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://ajax.googleapis.coam/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <div class="col-md-9 register-right"> <ul class="nav nav-pills nav-tabs nav-justified" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link " id="home-tab" data-toggle="pill" href="#home" role="tab" aria-controls="home" aria-selected="true">Buyer</a> </li> <li class="nav-item"> <a class="nav-link " id="profile-tab" data-toggle="pill" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Seller</a> </li> </ul> </div>

如何创建 PHP 文件并输入数据来访问 URL？

我首先创建了一个表。 创建表测试表（ htmlStr 中文本）； 之后，我将数据值放入该表中。 INSERT INTO testform (htmlStr) VALUES (' 我首先创建了一个表。 CREATE TABLE testform ( htmlStr MEDIUMTEXT); 之后，我将数据值放入该表中。 INSERT INTO testform (htmlStr) VALUES (' <!DOCTYPE html> <html lang="ko"> <body> <h1>TEST</h1> </body> </html> '); 我们想要创建一个简单的按钮来与 Ajax 进行通信。 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <script> function Add() { $.ajax({ url: "test.php", type: "POST", error: function(error) { console.log(error); }, success: function(result) { alert(result); } }); } </script> <body> <button onclick="Add();">ADD PHP</button> </body> </html> 下面是后台PHP文件。 <?php include_once($_SERVER["DOCUMENT_ROOT"]."/total/end_page/php/dbconn.php"); $sql = "SELECT * FROM testform"; $result = mysqli_query($conn, $sql); $row = mysqli_fetch_array($result); $html = $row['htmlStr']; $file = fopen("test3.php","w") or die ("X"); fwrite($file,$html); fclose($file); echo "COMPLETE"; ?> **test3.php 文件从 testform 表的 htmlStr 列写入并生成数据。 之后我访问test3.php文件所在的URL，但没有返回任何值。 当我用ftp打开test3.php文件时，表的数据值输入正确，但是当我连接到链接时，该值没有出现。 我想创建一个 php 文件以将 html 代码作为文本并创建该文件。 您有任何反馈吗？** 我尝试了一下。 fopen("test3.txt","w"); 如果您使用txt格式而不是php扩展名来连接链接，结果值将以文本格式输出。 **之后，重命名('test3.txt','test3.php');我试过这个。 然而，结果在页面上显示没有任何值，如上所示。 在F12页面，我们检查了检查中的元素。** <html> <head></head> <body></body> </html> BODY中的标签值不存在。 您要解决的问题似乎是您打算将一些模板存储到MySQL数据库中，以便客户可以下载这些模板并通过从PHP加载它们并写入PHP文件来安装它们。 然而，你的问题的罪魁祸首是这一行： $row = mysqli_fetch_array($result); 看mysqli_fetch_array，参数： 连接 模式 由于您想要获取关联的数组，因此对您的行的修复将是： $row = mysqli_fetch_array($conn, MYSQLI_ASSOC);