通过AJAX从数据库和DOM中删除对象
基础概念
AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页应用能够快速地更新内容。
相关优势
- 提高用户体验：用户无需刷新页面即可看到更新的内容。
- 减少服务器负载：只传输必要的数据，而不是整个页面。
- 提高响应速度：异步通信使得页面加载更快。
类型
- GET请求：用于从服务器获取数据。
- POST请求：用于向服务器发送数据。
应用场景
- 动态网页内容更新
- 表单提交
- 实时数据展示
删除对象示例
假设我们有一个简单的网页，显示一个用户列表，并且可以通过点击按钮删除某个用户。
HTML部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>User List</title>
</head>
<body>
<ul id="userList">
<!-- 用户列表将通过AJAX动态生成 -->
</ul>
<script src="script.js"></script>
</body>
</html>JavaScript部分（script.js）
document.addEventListener('DOMContentLoaded', function() {
// 获取用户列表
fetchUsers();
// 绑定删除按钮事件
document.getElementById('userList').addEventListener('click', function(event) {
if (event.target.tagName === 'BUTTON') {
const userId = event.target.getAttribute('data-id');
deleteUser(userId);
}
});
});
function fetchUsers() {
fetch('/api/users')
.then(response => response.json())
.then(users => {
const userList = document.getElementById('userList');
users.forEach(user => {
const li = document.createElement('li');
li.textContent = user.name;
const deleteButton = document.createElement('button');
deleteButton.textContent = 'Delete';
deleteButton.setAttribute('data-id', user.id);
li.appendChild(deleteButton);
userList.appendChild(li);
});
});
}
function deleteUser(userId) {
fetch(`/api/users/${userId}`, {
method: 'DELETE'
})
.then(() => {
// 从DOM中删除用户
const userItem = document.querySelector(`[data-id="${userId}"]`).parentElement;
userItem.remove();
})
.catch(error => console.error('Error:', error));
}可能遇到的问题及解决方法
问题1：AJAX请求失败
原因：可能是网络问题、服务器错误或请求路径不正确。
解决方法：
fetch('/api/users', {
method: 'GET'
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok ' + response.statusText);
}
return response.json();
})
.catch(error => console.error('Error:', error));问题2：DOM操作失败
原因：可能是选择器错误或DOM元素不存在。
解决方法：
const userItem = document.querySelector(`[data-id="${userId}"]`).parentElement;
if (userItem) {
userItem.remove();
} else {
console.error('User item not found');
}参考链接
通过以上示例和解释，你应该能够理解如何通过AJAX从数据库和DOM中删除对象，并解决一些常见问题。
相关·内容
我正在开发简单的symfony3应用程序-任务管理器。没有多少实体:用户、任务和项目。
此时使用默认设置。Symfony3，后端有FOSUserBundle，前部有靴带.它工作得很好，但是根本没有AJAX调用。
我想在我的应用程序中包含一些AJAX --例如，上面提到的任务。现在，当用户单击“此任务完成”时，他将被重定向并刷新页面。我只想把这个任务从列表中删除并显示出来。
经过一些研究后，我发现为了能够做到这一点(ajax调用和动态修改页面而不是刷新)，我必须创建一个API。
所以我开始用FOSRestBundle，FOSOAuthBundle制作JSON .现在，3天后，我所拥有的就是代码完
浏览 3提问于2017-04-20得票数 0
2回答
删除照片后刷新页面
、、、
嗨，我有javascript的功能，在那里我从数据库和服务器中删除照片。它工作的很好，我删除照片，但这张照片仍然在我的浏览器。我有疑问。如何只在javascript端刷新？
container.addEventListener("click", function(e){
if(e.target.tagName == 'BUTTON'){
var id = e.target.dataset.type;
var r = confirm("Are
浏览 16提问于2016-12-17得票数 1
回答已采纳
所以我想知道最好的方法来做这件事，我想我应该得到一些意见。
我有信息框，上面有关闭按钮。我目前正在使用jquery来隐藏这些框。
问题是，如果用户关闭了信息框，我希望该框永远保持关闭状态。
我想我需要在数据库中设置一个表，以知道是否显示div。我还想在单击close按钮时使用AJAX将数据发送到数据库。
这是最好的解决方案吗？提前感谢
浏览 1提问于2011-08-02得票数 0
我正在构建一个小的移动应用程序，我有一个关于JQM的问题。
当用户登录时，用户将被重定向到页面A。页面A将加载来自JQM的loadPage (示例：$.mobile.loadPage("pageA.html"))
页面加载后，我执行了一个AJAX调用，因为我从数据库中提取了一些数据并更改了页面A上的内容。从页面A中，我可以转到页面B。页面B有一个后退按钮。当我单击back按钮时，应用程序将滑回没有AJAX内容的状态。有没有办法解决这个问题？
谢谢
浏览 1提问于2012-03-15得票数 5
回答已采纳
我有以下负责删除应答对象的ajax.actionlink：
<td>
@Ajax.ActionLink("Delete", "Delete", "Answer",
new { id = answer.AnswersID },
new AjaxOptions
{
Confirm = "Are You sure You want to delete this Answer ?
浏览 2提问于2012-03-10得票数 1
回答已采纳
1回答
我正在讨论我应该学习什么才能做到这一点。主要是如果我从数据库中提取一堆信息加载到页面上，那么操纵页面而不必重新加载的最好方法是什么？是使用XML之类的东西最好，还是有其他我应该使用的东西。我知道其中很多都使用了HTML Dom和XML Dom，但我还不想开始学习我不需要的东西。
浏览 0提问于2012-04-16得票数 1
回答已采纳
2回答
我构建了一些输入，让用户搜索数据库。搜索使用ajax请求。
我遇到的问题是，当我从服务器获得响应时，我也会得到搜索输入。我不想这样。
看看我的代码：
<script>
$(document).on('change', '.auto-select', function(e){
e.preventDefault();
var tags = $('#auto-tag-script').serialize();
var contracts = $('#auto-con
浏览 2提问于2015-10-08得票数 0
回答已采纳
相似的问题，但我相信仍然是独一无二的不同：
我有一个内联日历，其中包含从AJAX脚本加载的事件，而且我可以让它正常工作，但是在未来的许多年里，会有数以百计的事件发生。我需要的是一种方法，只加载一个月的事件，并根据需要添加它们。我认为这可以用onMonthAdd来完成，但我遇到的问题是，当我将一个新元素推送到p.events时，直到从元素中删除并读取了这个月，新的事件才会被加载。
例如:1月的onMonthAdd，我为1月11日添加了一个事件，然后当将1月带入视图时，事件将不显示。但是，当我回到12月份，然后导航到11月份时，1月份的日历将从DOM中删除。然后导航回一月，它在DOM中重新创建月份
浏览 1提问于2017-11-05得票数 1
我为Windows7小工具的内存泄漏工作了一段时间，然后获得了更多的功能来实现，我认为这会使内存泄漏变得更严重/增加更多的泄漏。我运行了这个小工具的4个实例，运行了大约16个小时，内存使用量从22,000K增加到36,000K。然而，让我感到不安的是句柄、用户对象和GDI对象大致保持不变。USER和GDI对象实际上保持完全相同，句柄在这段时间内从1026跳到了1034。我认为这只是侧边栏的一些古怪之处，因为我的每个小工具每7秒刷新一次。
我有两个问题，在一般情况下，什么样的内存泄漏会导致这样的事情？在我的例子中，我使用Ajax来访问这个小工具的web服务，所以如果有人知道在Ajax中是什么原因
浏览 0提问于2011-02-08得票数 1
回答已采纳
1回答
我有不同的卡显示在一个应用程序，信息是从数据库在一个循环。如果用户只使用一次，我可以选择在卡片上放置一个“赎回按钮”。当用户单击“赎回”按钮时，我将在数据库中获取信息(卡片名、clientID)。然后，我进行了另一个AJAX调用，从数据库获取信息，我想要的是检查数据库中是否已经有clientID和carndame，然后只为该用户删除它。我不想使用localStorage或cookies，因为如果用户删除cookie，他们会再次看到卡片，我不希望这种情况发生。
- AJAX呼叫后--
$(`#promotion-container .promo${i} .redddButt`).click(fu
浏览 0提问于2019-02-22得票数 3
回答已采纳
我了解Aloha编辑器是如何工作的，用户在一个活动的网页上点击一些内容，编辑它并通过ajax将内容保存到存储库中。这是好的内容编辑，U在CRUD。
但是你如何在CRUD中得到*C*reate和*D*elete？
想象一下这个场景。
网页显示具有姓名和姓氏的人的列表。他们可以用Aloha编辑，没问题。
但是如何通过Aloha编辑器在列表中添加一个新的人呢？因为它只用于编辑内容，所以不能添加新内容。同样地，对于内容删除，您如何从前端删除一个人，我的意思是完全删除该人的数据库行，而不仅仅是为他们的名字加上一个空白。
他们是一个技术或插件吗？
浏览 2提问于2013-10-14得票数 0
我有一个简单的jQuery脚本。我使用.ajax()从我的数据库中获取一些信息，它工作得很完美。
问题是php代码生成的带有不同类的a标签的xhtml代码，比如.info、.delete和.edit。
当我点击我的.info链接时，我想做一些事情。我已经尝试过以下代码：
$('a.info').click(function (e) {
e.preventDefault();
alert('Do stuff');
});
它根本不工作，什么也没发生。firebug没有给我错误，所以我不知道如何解决这个问题。
$('a').
浏览 2提问于2011-02-11得票数 0
1回答
我需要的是解释。在这里我有一个滑块，所有的li都包含产品图像，所以我必须在标签中显示相关的产品图像。(也就是说，第一个图像有3个发布的产品图像，而我必须显示三个选项卡和每个标签包含图像)
这是从滑块获取当前的li产品id和通过ajax在get_product.php页面中获取该id来完成的，并从数据库中获取相关产品，并显示在选项卡中并加载到主页的后面。
<div id='tabproduct'></div>
我的代码是，当前产品id是"5“所以
function getId(ID5) {
var strUR
浏览 0提问于2015-05-18得票数 0
我正在尝试删除数据的remove (Ajax) option.When我单击remove按钮它会从数据库中删除数据，页面会自动消失data.But它不会发生，它会删除数据但不会从screen.When中消失我刷新了页面然后页面中的数据是disappeared......Please帮助我
html代码..。
<table><tr><td><a href="javascript:remove()">Remove</a></td>
<td id="resId
浏览 2提问于2011-11-10得票数 0
回答已采纳
我正在开发一个使用jQuery的when应用程序，在测试它时，我得到的东西看起来可能是一种竞赛条件。尽管我尽了最大的努力，我还是不知道该怎么做。
代码在上，但我将在这里总结一下奇怪的行为。
早期AJAX请求
我有一些需要AJAX调用和DOM准备就绪的代码。为了加快速度，我在$(document).ready()事件触发之前进行AJAX调用。在链接的JS文件中，这是"init“函数。这个函数调用_build_site_select，它设置AJAX请求。完成后，调用_on_site_list_success。
On $(document).ready()
当我到达准备()时，我会调用这些调
浏览 3提问于2012-04-28得票数 1
回答已采纳
1回答
我的工作延迟了。
CarController.delay(run_at: 20.minutes.from_now).check_if_loggedin(@user)
def self.check_if_loggedin(user)
...
end
20分钟后，我想用jquery从dom中删除用户名。但是，在推迟工作之后，我该怎么做呢？我应该添加响应块吗？
浏览 3提问于2017-03-18得票数 0
回答已采纳
4回答
我有一个按钮，我想通过AJAX调用一个事件。此事件用于删除数据库记录，因此我希望在没有删除值/行的情况下更新内容。我想也许我应该把我的代码放在.ajax调用的成功中，但我的疑问是如何刷新内容？我是否需要第二次AJAX调用才能获得没有删除的值/行的新内容？
提前感谢
浏览 2提问于2012-08-23得票数 0
1回答
目前，我有一个名为test的数据库和一个名为users的表。users表具有列id、名称和联系人。使用iron，我想从数据库表中获取名称并显示它。
在执行{{ajaxResponse}}时，会显示数据库表中存在的特定数量的数据。因此，如果我在数据库中有6行，就会打印出6个对象对象。
另一个现有的ajaxReponse只是在那里测试，看看它是否会显示数据库中存在的值，而它没有。
这是我的铁ajax代码。
<iron-ajax
auto
url="scripts/getPost.php"
handle-as="json"
on
浏览 3提问于2015-08-08得票数 0
回答已采纳
1回答
当涉及到JQUERY+Coldfusion...so时，我仍然认为自己是一个初学者，我想在这方面寻求帮助/方向。
我正在尝试创建一个类似于gmail的项目搜索页面。有一个删除按钮，基本上它异步地从数据库中删除一个项目，并且应该异步地更新页面(从列表中删除所述项目)。我已经接近于弄清楚如何做到这一点。然而，现在我正在重新思考我应该如何去做。
目前，我的代码更新数据库，然后从一个CFC重新运行查询。我开始想我是不是不该这么做。将查询转换为JSON格式，让jquery/javascript从客户端看到的内容中删除内容，然后运行删除查询，会不会更容易？
如果JSON似乎是答案，有人能告诉我一个学习如何
浏览 0提问于2011-07-23得票数 0
回答已采纳
我想用Flot画一个图表。数据存储在我的数据库(MongoDB)中，Flot是在JS中呈现的-所以我需要以某种方式将数据从我的控制器传递到Javascript，以便将这些数据提供给Flot。我试图用FosRestBundle创建restful api，但当我试图从document.ready上的javascript调用它时，我得到了以下错误：
XMLHttpRequest cannot load localhost:8000/ajax/loginsperday.
Cross origin requests are only supported for protocol schemes:
ht
浏览 1提问于2016-01-22得票数 0
我在高分子1.0环境中创建了许多元素。有些元素是基于我从数据库服务器获得的使用iron的数据的列表。目前，我正在使用根应用程序将API URL作为元素属性传递给每个需要它的元素(或子元素)，这样它就可以进行调用并显示结果。
不过，这种做法有些不对劲。我应该将AJAX从根元素传递给需要它的子元素，还是有一种方法让子元素知道全局设置的是什么？
浏览 0提问于2015-09-14得票数 1
回答已采纳
因此，我正在编写一个大型AJAX控件类，并且遇到了一些好奇。
为了便于对话，假设我在初始化时将页面的所有元素添加到数组中。
当某人执行启用AJAX的链接时，后续方法将指定的内容部分替换为从AJAX调用中接收到的内容。
但是，假设当这个AJAX调用完成并替换了一个内容段中的节点时，以前存储在数组中的节点现在为空或未定义(或任何表示死亡的.(显然不是javascript专家)。
当我再次循环遍历数组中的所有节点时，会发生什么？这些元素是否已不再存在？或者他们仍然在用旧的索引占用空间，但现在只是无法访问？
这似乎是一个有点愚蠢的问题，但实际上，我只是想看看javascript数组中的“死”元素是否存
浏览 4提问于2013-12-19得票数 1
回答已采纳
如果在不刷新页面的情况下调用一个函数，但只是为了在数据库中存储相同的值，我如何在屏幕上打印php变量的内容？
谢谢
浏览 0提问于2010-07-26得票数 0
回答已采纳
这有点复杂，所以我希望我说的对。
我有一个表单，它加载一个选项列表，并以一个静态输入开始：
<span id="keyword_list_out" class="input"><input class="keys margin-bottom" type="text" name="keywords[]" />
加载页面时，Ajax调用将显示属于列表的其他输入字段，如：
<span class="field-wrapper"><input class="
浏览 1提问于2012-05-24得票数 1
回答已采纳
它是一个地址寄存器，我使用javascript动态地填充带有输入内容的HTML表。
我不希望它插入到数据库中，直到她填写了她想要的多少地址，所以它基本上是将输入值添加到表中。
问题是，我需要将这些值作为地址数组传递，以便将它们插入到我的数据库中。
我不认为解析表来获取数据是有效的，或者是一种好的方法，在这种情况下，全局变量会是一件坏事吗？
如果你有更好的想法来解决这个问题，请分享。
浏览 3提问于2014-08-18得票数 1
回答已采纳
1回答
我有一个功能项目，基本上是一个数据库表编辑器。加载一个表，您可以获取行信息、编辑、添加、删除、添加子行等等。
我正在重写整件事，因为它非常杂乱无章。我正在尝试创建一个基于类的系统(是的，我有0个类)。这是我的第一个基于类的项目，作为另一个问题，我想知道生成动态HTML的最佳方法(性能、可维护性、易用性)。我使用Javascript和PHP
当输出动态HTML时，真正的选项是：
从PHP函数或类直接回显它或编码JSON
从Javascript构建它并将其附加到文档中
我可以向JS发出请求并直接从PHP追加数据，也可以直接从PHP (数据库)获取原始数据并使用JS构建数据。我真的不
浏览 0提问于2014-10-05得票数 0
回答已采纳
1回答
我的网站有问题。我有一个从数据库获得的产品清单。这些产品有形象和名称阵营。现在我希望，当我点击这个产品的人，在我的网页上出现一个新的框，其中有产品的说明，价格等。这是产品列表的代码
<?php
include 'php/dbmanager.php';
$result = DBManager::getInstance()->getProducts();
if($result->num_rows > 0){
$i = 0;
while($row = $result->fetch_assoc()){
echo &#
浏览 1提问于2015-12-09得票数 1
回答已采纳
textarea输入和button是附加到所有文章张贴和从我的数据库。从技术上讲，它们就像一个“评论”和“回复”框和按钮。
问题是我对textarea应用了一个keyup函数，因此如果textarea为空，按钮将保持停用状态。keyup事件仅在第一个评论/回复textarea上有效。如果我使用class，所有评论中的所有按钮都会被激活。
请帮帮忙，我希望我的请求够清楚了。
<form>
<textarea name="reply" class="reply" id="reply" placeholder="Reac
浏览 4提问于2018-09-04得票数 0
3回答
我从数据库中查询一些数据，并希望根据加载的数据预选select选项。我的计划是通过他的id获取未选择选项的值，然后将select值设置为选项值。
例如。
我从我的数据库中得到了id 11。因此，我尝试获取值5，然后将其设置为整个select dish的选定值。
function doStuff(){
//Try to get the value here
$("#dish").val("received value from above")
}
<select id="dish" onload="doStuff()
浏览 7提问于2021-03-05得票数 1
回答已采纳
我知道IE javascript的性能比FF和Chrome差，但我的大多数用户都是IE8。我没有注意到FF中的性能问题(惊喜)。我使用Jquery和Jquery作为对话框功能。
基本上，我有大量使用ajax加载到对话框中的链接。当我第一次单击按钮打开对话框时，它会非常快地加载(~0.1s)。但是，当我关闭对话框并再次打开它时，显示的时间要长得多。
数据库和ajax调用不是问题所在。数据被附加到对话框中，我使用简单的逻辑来确保该函数不再被调用。随后打开对话框的尝试应该会更快一些。
使用IE8的分析器，我注意到有数以万计的调用：
“隐藏”"curCSS“"JScript -窗口脚
浏览 1提问于2012-10-26得票数 1
1回答
我目前正在研究jquery css()方法。
在文档中，它声明
但是，我不太清楚是什么意思，用来取消您以前执行过的任何样式修改。但是，它不会删除样式表或元素.中已应用于CSS规则的样式。
所以我查了一下，上面写着
我还通过将HTMLElement.style的一个属性设置为"" (即空字符串)进行了实验。
因此，通过将d.style的d.style属性设置为""，我似乎删除了color属性的值，而color属性没有从d.style中删除。
但是，文档对意味着什么呢?但是，它没有删除样式表或元素中使用CSS规则的样式。
浏览 1提问于2018-04-10得票数 0
回答已采纳
2回答
我想把一些数据从PHP传递到没有JSON的JavaScript。
原因是因为我不希望数据被任何人读取，如果点击查看页面源代码。
所以，我有一个PHP，比如
print(<script type="text/javascript">a = "aaa";</script>);
在我的HTML代码中，这将是
<script type="text/javascript">a = "aaa";</script>
在加载变量后，我可以在客户端删除它。例如，使用jquery
$('scri
浏览 4提问于2011-08-04得票数 0
1回答
我有一个表单类型，它使用一个小枝模板，在这个小树枝中，我获取附加到当前listing对象上的图像，并显示它们，并提供一个为用户删除它们的选项。我希望它能够让用户在不刷新页面的情况下单独删除图像，所以我尝试使用Ajax触发控制器方法。
scripts.js
$('.delete_image').on('click', function(e) {
$.ajax({
type: 'POST',
url: '/delete_image',
data: ({
listing_id: $('#l
浏览 2提问于2018-09-25得票数 1
回答已采纳
1回答
我使用的是jquery galleryview插件，并添加了在单击链接(显示表单)时暂停幻灯片放映的功能，然后在单击关闭按钮时重新启动幻灯片放映。
这工作很好(见下文)，但我也希望幻灯片开始时，表单被提交。我可以通过在元素列表中添加submit按钮来重新启动幻灯片，但是如果表单没有通过验证，我就不希望重新启动幻灯片。
下面是我的galleryview代码(精简)：
(function($){
$.fn.galleryView = function(options) {
// Some code
return this.each(function() {
浏览 4提问于2012-03-02得票数 0
我有一个包含Silverlight对象标签的div。从一些用户操作(单击按钮)的代码中，我展开了Div to total浏览器窗口。我正在通过Jquery addClass和删除类来做这件事。在这些类别中，不同之处在于绝对位置、高度宽度100%和增加的z指数。
它在Ie7和IE8上运行良好。但是，当运行FF时，它会重新加载Xap。可能的原因是什么？有什么解决方案吗？
谢谢。
编辑:经过一些调查，原因似乎是因为位置:绝对。将位置从相对位置更改为绝对位置会产生问题。此外，一旦我从正常模式转到全屏模式，然后是正常模式。那么扩展它不会加载两次。
<!DOCTYPE html PUBLIC
浏览 1提问于2009-10-08得票数 1
我正在使用arte for jquery通过ajax每10秒调用一个页面。它调用我的一个php页面，该php页面查询数据库并返回html代码。在html代码中有一些jquery调用。问题是，除非我在被调用的php文件中包含jquery脚本，否则这些调用不起作用。但这会导致调用php文件的主页上的jquery代码出现问题。基本上，我如何才能让通过ajax从页面返回html中的jquery正常工作？下面是调用php文件的代码：
$(document).ready(function(){
$.arte({'ajax_url':'ajax_list.php'
浏览 1提问于2010-10-22得票数 1
回答已采纳
我有一个清单，如下所示：
<ul>
<li class="service-well">
<div class="service-header"><h1>Service Name</h1></div>
... lost of children, and children of children in here.
<ul class="comments">
<li class="comment-holder"
浏览 3提问于2013-07-19得票数 0
1回答
我有动态按钮，从数据库生成。例如：
button 1, id=button1
button 2, id= button2
button 3, id= button3
..etc....
如果我单击按钮1，我的函数将发送一些东西到mysql数据库，所以我调用ajax。但是我想要的是:如何在进程发送到数据库完成后删除button1？与其他按钮相同(发送一些东西到数据库，并删除按钮)
我把onClick放在我的按钮上
这是我的代码：
<script>
function process(idbutton){
$.ajax({
type:
浏览 1提问于2017-09-06得票数 0
回答已采纳
我想从JavaScript函数中调用一个PHP函数。
“为什么？”你可能会问？
我在一个单独的文件custom_functions.php中组织了一系列PHP函数。
我正在慢慢地学习如何使用JavaScript和jQuery构建，所以这就是我如何弥合差距的方法。我更熟悉PHP，所以我从那个窗口找到了一条路。
我有一个用index.php构造的元素列表。从数据库中动态构造项列表，并根据记录的id创建id属性：
echo "<span id="content_" . $row{'unique_id'} . "\" onClick=\&#
浏览 0提问于2017-09-13得票数 0
回答已采纳
2回答
我希望能够删除以下数组中的任何孤立项(樱桃挑选)，并将其移除，这样它就不会在dom中显示。我想用它的索引号来做这个。
例如，我可以通过
console.log(div.questions2)；
在不刷新的情况下，我可以使用什么从dom中删除div.questions2？
另外，可以通过向按钮中添加一个事件来实现这一点，这样它就可以在不刷新屏幕的情况下更改显示了哪些事件？
最终，我要做的是让一些问题沿着一条道路走下去，然后它就会跳过其他的常规问题。
HTML
<html>
<head>
<title>AlsSate Quiz Prototype<
浏览 3提问于2017-11-09得票数 0
回答已采纳
3回答
我目前正在开发一个网站，你可以在这里找到：。我使用了我在CSS-Tricks网站上找到的ajax效果，动态加载另一个php页面的内容，并在点击导航标签时动态显示(淡入和淡出)。
我已经设法让它工作得很好，正如你将看到的(请注意，只有两个工作页面是“主页”和“体验RGW")，然而，我的文档中应用于div中的元素的所有jQuery脚本在内容动态生成时都会中断。
举个简单的例子，看看主页上图像旋转器下面的文本调整工具，然后试着改变字体大小。现在，单击"Experience RGW“选项卡并再次向下滚动到文本调整工具。注意，现在我们已经在"#ajax“目录中动态地加载了expe
浏览 0提问于2011-06-09得票数 1
回答已采纳
我有一个AJAX调用，它从PHP文件返回一些数据。我尝试清空一些HTML内容，并将其替换为从PHP文件返回的数据。我用这个来清空内容：
$('#due-tasks-content').empty();
并添加新的内容：
$('#due-tasks-content').html(data.due_tasks);
这在视觉上似乎是可行的，但如果我使用View source browser选项检查页面的源代码，则内容不会被删除。如果我刷新源页，内容将被擦除。
我的问题是，如何在不刷新的情况下擦除内容？我试过remove()，replaceWith()和empty()，
浏览 0提问于2015-04-03得票数 0
3回答
我有从数据库中检索图像的中继器，我需要复选框来选择和删除数据库中的图像，如何获得复选框id来告诉我的按钮事件从数据库中删除图像？
我需要复选框id来告诉我的查询删除哪个图像。
我的中继器：
<asp:Repeater ID="RepeaterPersonnel" runat="server">
<ItemTemplate>
<td> <img src="../Handler/GalleryPhoto.ashx?id=<%# DataBinder.Eval(Container,
浏览 5提问于2014-12-06得票数 0
回答已采纳
如何在HTML中查找和替换作为文本保存在变量中的div (或其他标记)？我从ajax获得作为文本响应的HTML：
$.ajax({
url: 'page.pgp',
success: function(result) {
// here I want to find certain HTML tag
// in result variable and replace it with something else
}
});
浏览 4提问于2010-09-24得票数 3
回答已采纳
*不需要提供代码，只是想知道是否可能。
例如。我有一个名为“股票编号”的h2类，它的值是is 123456。javascript可以读取该类的每个实例，使用该值从另一个数据库获取数据，并在另一个类中显示结果。
现实世界的例子是如果我卖电视的话。电视有一个管理系统更新和库存从一个数据库检索。不过，我们可以定一个销售价格。折扣和回扣来自另一个数据库，按电视机的股票编号排序。
我能读一下这个股票号码，从其他数据库中提取价格细目，然后在它自己的div中显示在销售价格下面的页面中吗?这样客户就可以了解他们的储蓄了吗？
浏览 4提问于2016-06-02得票数 0
回答已采纳
1回答
我有一个从数据表创建的表，如何在单击复选框时更改状态字段，默认状态是“之前”，然后当复选框单击它时更新为“之后”(在数据库字段状态中)，然后表重新加载。
此数据用于显示表格
.....
foreach ($data as $key) {
// add new button, checkbox
$data[$i]['ceklolos'] = '<input type="checkbox" id_data="'.$data[$i] ['status_lolos'].'&
浏览 16提问于2017-03-10得票数 0
回答已采纳
2回答
我使用Ajax (jQuery)和POST方法更新数据库中的数据。我所做的工作如下：
从表单中获取数据: user_id，entry_id，content，.
将它们发送到一个URL，该URL将处理数据。
如果数据有效，我们将把它们记录在数据库中。
我不知道如何验证用户是否从我的网站，而不是从其他地方发送数据。请帮我解决这个问题。谢谢！
浏览 2提问于2009-12-20得票数 3
回答已采纳
我正在使用javascript / ajax开发一个web应用程序。
问题是，在我的应用程序(一种社交网络)中，我需要读取有关用户的信息(数据库中的帖子)。为此，我使用PHP专用服务与数据库进行交互。该服务返回针对主页格式化的HTML。
现在，我通过AJAX调用使用此服务来获取HTML并将其注入到我的页面中。问题是，当我试图从使用javascript注入的HTML中获取元素时：
document.getElementById('commentsArea_xxx').innerHTML=xmlhttp.responseText;
getElementById返回null。
我认为
浏览 0提问于2012-11-24得票数 3
1回答
我已经写了一个网站，其中有几个类别的数据必须从芒果数据库中提取。到目前为止，我已经编写了计划ajax调用，但是由于这个需求需要我继续使用相同的ajax调用来处理各种各样的事情，我已经开始考虑可重用的代码/模式。我是Javascript模块模式的新手，但到目前为止，我所读到的和理解的，似乎揭示模块模式对我来说是一个很好的开始，而不是被其他面向对象的东西搞混了。
我知道有很多的链接，文档在SOF和互联网上可用，但我真的无法得到直接的答案，我的简单要求，从一开始，我把它带到下一个层次的理解。
我在这里写了一个测试代码..。
var myApp = new function () {
var
浏览 2提问于2014-06-08得票数 1
回答已采纳
3回答
这就是问题所在。
我有这样的代码，其中我将所有li元素都放入一个jQuery集合中，然后从DOM中删除最后一项。但我不知道如何从jQuery集合中移除元素？
现在是这样的：
console.log(myList);
['li.item', 'li.item', 'li.item']
我需要打开最后一件东西然后得到这样的东西：
console.log(myList);
['li.item', 'li.item']
var myList = $('.item');
console.log(myL
浏览 2提问于2014-12-04得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
