如何在javascript ajax函数中显示记录更新数据直到下一个事件？
在后端服务器中成功加载提交输入数据后，需要帮助在成功后提交按钮的正下方显示“已添加：国家id”，该方法将保留几秒钟，直到调用服务器数据拉取功能。POST方法成功，能够加载和显示数据，但很难在几秒钟内显示成功说明以及从datapull函数检索数据
在ajax complete函数中添加了一行以下内容，假设POST成功，并在完成后运行到行以下
$（'#可选'）. append（'添加：'state.id'的'state.ctry）. show（5000）；}，
HTML code
<!DOCTYPE html>
<html>
<head>
<title>State Sq Mile</title>
<script type = "text/javascript"
src = "http://code.jquery.com/jquery-latest.min.js">
</script>
</head>
<body>
<form>
Country: <input type="text" id="ctry" name="city"><br>
State: <input type="text" id="state" name="state"><br>
Area: <input type="text" id="area" name="area"><br>
<button id="addValue">Submit</button>
</form>
<p id='optional'></p>
<ul id = 'entry'></ul>
<script type = "text/javascript" src="sample.js"></script>
</body>
</html>
sample.js
(there are addition data pull code which i havent included)
$.ajax({
url: urlpost,
type: 'POST',
data: {"Country":"ctry","State":"state","Area":"area"},
success: function(state){
$('#entry').append('<li>' + state.ctry + ': ' + state.state + ': ' + state.area + '</li>');
error: function(state){console.log(state);},
complete: function () {
$('#optional').append('Added :' + state.id + ' of the ' + state.ctry).show(5000);},
setTimeout(function() { datapull()}, 6000)}
});
预期的HTML页面输出
Country: <html input text>
State: <html input text>
Area: <html input text>
Submit <Button>
Added: id of the Country
• USA: Texas : 268,596.46 sq mile
• USA: California: 163,696.32 sq mile
共有1个答案
您的问题描述可以更详细一点。然而，我试图用我所拥有的来工作。
我的想法是添加一个外部函数调用如下：
在里面我们做了两件事，我们用一条消息追加一个段落，然后触发另一个函数，该函数将在timeToHide时间之后执行（示例中为3000ms）
function displayMessage(target, content, timeToHide) {
$(target).append('<p class="message">' + content + '</p>')
return setTimeout(function() {
$('.message').remove()
}, timeToHide)
}
success: function(state){
$('#entry').append('<li>' + state.ctry + ': ' + state.state + ': ' + state.area + '</li>'
displayMessage($('.target', 'Succcess!', 3000))
);
这里有一个简单的JSfiddle，应该会有所帮助：https://jsfiddle.net/mkbctrlll/bc60t92e/25/
-
这是我正在接收的数据，如果阵列中不存在id，则希望添加新记录，如果阵列中没有id，则还希望更新记录 我的模型：课堂课程 课堂主题 类用户 这是通过PostMan从Rails API接收的数组[{"title"："Topic Name"，"path_url"："https：//resource-asws-path-url" }, { "id"： 2311，"title"："Topic Name"，"
-
注意:用户界面已经在 Dreamweaver CC 和更高版本中做了简化。因此，您可能在 Dreamweaver CC 和更高版本中找不到本文中描述的一些选项。有关详细信息，请参阅此文章。 关于数据库记录 显示数据库记录涉及检索储存在数据库或其它内容源中的信息，以及将这些信息呈现到网页上。Dreamweaver 提供了许多显示动态内容的方法，并提供了若干内置的服务器行为，使您可以增强动态内容的表现
-
问题内容： 朋友你好，我试图显示我的Jave Gui应用程序中的记录，我做了一些代码，但是当我单击下一步按钮时，它显示了最后一条记录。还有什么其他方法可以查看之间的记录，请帮忙。 问题答案： 您需要将数据库代码与GUI代码分开。您还需要将您的应用程序分解为更小的，更容易编码的步骤。 这是您的应用程序在启动时需要做的事情： 打开与数据库的连接。 选择表Soil_det的所有键，然后将键保存在列表中。
-
我想要一个recyclerview，当第一个应用程序打开时，然后在创建时从服务器获取一些数据，当向上滚动时，会显示recyclerview下方的进度条，当向上滚动到服务器时再次点击URL，并在先前获取的数据下方获取更多数据。但我知道当我第二次点击URL时，它会刷新页面，并在第二次点击时只显示从服务器获取的数据，但我想要第一次和第二次点击的响应。 对不起，我说英语 以下是我的主要活动代码： }
-
问题内容： 我需要在一个请求中进行多次更新。 在我有： 因此需要进行更改。 这是我的序列化器代码： 我试图添加： 和 但这不起作用。如何更改此代码以进行多次更新。我的json请求 问题答案： 这是您请求的CreateMixins或UpdateMixins的示例。 ======================查看========================== ====== ==========
-
我在另一个表（如ac）中有大约88k条记录。我想将表ac的一列更新到主表（如tbl）中。Eg-Table tbl示例记录，如 col1 col2 col3 col4 表ac中的样本记录如下 col1 col3` 如何从ac表更新tbl值。使记录看起来像 col1 col2 col3 col4