在ajax调用后追加选定内容
是指在使用ajax技术进行异步请求后，将获取到的数据动态地追加到页面中的选定位置。
具体步骤如下：
- 创建一个ajax请求对象，可以使用XMLHttpRequest对象或者jQuery的ajax方法。
- 设置ajax请求的参数，包括请求的URL、请求的类型（GET或POST）、数据格式等。
- 发送ajax请求，等待服务器响应。
- 在服务器返回数据后，通过回调函数处理返回的数据。
- 在回调函数中，可以使用DOM操作或jQuery的方法将获取到的数据追加到页面中的选定位置。
优势：
- 提升用户体验：使用ajax进行异步请求，可以在不刷新整个页面的情况下更新部分内容，提升用户体验。
- 减轻服务器压力：ajax请求是异步的，可以减轻服务器的负载，提高网站的性能。
- 动态更新数据：通过ajax请求获取到的数据可以动态地更新到页面中，实现实时数据展示。
应用场景：
- 动态加载内容：在网页中需要动态加载内容时，可以使用ajax进行异步请求，将获取到的数据追加到页面中。
- 评论功能：在用户提交评论后，可以使用ajax进行异步请求，将评论内容追加到页面中，实现实时展示。
- 购物车更新：在用户添加商品到购物车后，可以使用ajax进行异步请求，将购物车的数量等信息动态更新到页面中。
推荐的腾讯云相关产品：
腾讯云提供了一系列与云计算相关的产品，包括云服务器、云数据库、云存储等。以下是一些相关产品的介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和情况进行。
相关·内容
我真的很难理解when...done jquery事件是如何工作的。下面是我创作的一个用来展示发生了什么的小提琴。我有两个javascript函数，Main & subMain。我希望在结果屏幕上看到的事件顺序如下：
Main Begin
SubMain Begin
SubMain End
Main End
相反，我看到：
Main Begin
Main End
SubMain Begin
SubMain End
那么我做错了什么呢？
$(document).ready(function() {
Main();
});
function Main() {
$(
浏览 5提问于2016-12-27得票数 0
回答已采纳
我在$.ajax调用的success()函数中将行添加到表中，行中有一些提交输入。下面是创建行的代码：
$.each(data, function(index,element) {
$('table#tblBranchCoverage tbody').delay(300).append('<tr class="coverageRow">' +
'<td class="deleteCounty">' +
'<input type=&
浏览 2提问于2013-01-31得票数 0
假设我有这样的事情：
<head><script src="script1.js" ...></script></head>
<body><div id="div1"></div></body>
，我称之为index.html，div1 1的内容是动态加载的，如
$("#div1").html ("div1.html");
其中，div1.html是类似于
<div id="div2"><canvas
浏览 1提问于2012-04-15得票数 1
回答已采纳
可以在before函数中执行load函数吗？我在努力
$('#test').before(load('test.html'));
但它不起作用
浏览 1提问于2013-02-27得票数 0
我们可以更新一个javascript数组变量，而不需要重新加载页面，也不需要刷新吗？我有一个数组中的数据列表。之后，我使用php和ajax获得了更多的数据。现在，我想将从php ajax获得的新数据附加到旧的javascript变量中，该变量中已经有一个数组。我不想重新加载页面。但我们也可以覆盖数据。使用这个javascript变量，一些javascript函数被激活，并根据数据显示一些图片。我们能做这样的事情吗？或者我们必须重新加载框架才能执行javascript？
浏览 1提问于2012-05-22得票数 0
回答已采纳
我正在构建一个页面，它可以从ajax调用中接收大量的 html，而不是插入到页面中。有时，我将得到一个http 401错误，而不是我所期望的html。理想情况下，我希望首先触发错误处理程序，这样我就可以设置一个错误标志，显示一条消息，而不是插入进来的html。
我遇到的问题是，错误处理程序触发了最后一个，因此我已经插入了html，其中包含未执行的脚本标记，这使得所有的事情都崩溃了。
此外，我还注意到，ajaxError在“完全”处理程序之后触发，该处理程序失败了。
浏览 9提问于2009-02-27得票数 0
回答已采纳
我有一个像这样的简单表单：
<form>
<fieldset>
<label class="col-md-4">quantity</label>
<input id="qta" type="text" data-validate="required,number">
</fieldset>
<fieldset class='form-group col-md-6'>
浏览 0提问于2016-06-13得票数 0
1回答
我正在尝试从db加载选定的值，并在select2上设置它。我使用的是select2 4.0.10版本。我使用ajax加载数据，并在文档准备好后将select选项设置为select2元素。
因此，我尝试使用$("#area").val(selectedValues).trigger("change")；，但似乎没有选择。
这是一些我的看法代码。
<input class="form-control" type="text" id="sourceValues" value="CMS,KDY,RWG"
浏览 3提问于2019-10-04得票数 1
回答已采纳
是否可以在不使用jQuery刷新页面的情况下将新插入的行加载到数据库中？我可以使用jquery在不刷新的情况下将数据发送到数据库，但是我无法在不刷新页面的情况下显示回数据。如何在不刷新页面的情况下显示表中的数据，并使其显示在index.php中的表下，以便显示检索到的数据？谢谢
这是我的index.php
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<
浏览 5提问于2013-06-22得票数 0
我在这里使用中的selectText函数
但是，当我在新创建的元素上收到ajax请求后立即调用此函数时：
selectText('some-newly-added-element')
我在firebug中得到以下错误
NS_ERROR_DOM_NOT_OBJECT_ERR: Parameter is not an object
[Break On This Error]
range.selectNodeContents(text);
请注意，我可以在ajax请求之后对相同的元素调用此函数，如下所示
$('#container').on('clic
浏览 0提问于2012-10-13得票数 0
回答已采纳
我在应用程序中保存项目时遇到问题，项目是从表中列出的。每次我保存更新后的项目，这些项目在保存后往往会循环。 这是我的按钮事件。 $('#saveEventBTN').click(function (event) {
//EventManager.SaveEventBYApprover();
EventManager.MultipleSave();
event.preventDefault();
}); 这是来自下拉菜单上的.Change事件，我可以在其中输入将用于循环保存事务的数组中的ids。 $("#ta
浏览 7提问于2021-08-26得票数 2
回答已采纳
helo im试图检查html是否被附加到id中，我不确定在javascript中实现此操作的最佳方法，下面是我迄今为止所做的一个片段。
var appendstatus= 0;
$.ajax({
type: "GET",
url: params['content'],
dataType: 'text',
success: function(data) {
// append the html
$(params["id"]).append(data);
浏览 6提问于2011-08-03得票数 0
回答已采纳
大家好-我在从我的Javascript回调函数中正确获取返回值时遇到了一些困难，它看起来依赖于竞争条件，但我不确定：
JSOBJ.container = function() {
return {
getName: function() {
var value;
companyfn.app.getInfo(callback);
function callback(foo) {
// alert("gets here");
if (foo.hadError()) {
alert("Error found!
浏览 0提问于2009-11-11得票数 0
我正在学习jquery，我正在尝试通过ajax获取一些数据。
这里是代码
$(function () {
var allProductsData;
var gotProducts = new Array();
var productsWithDelete = new Array();
$('.addProducts').on('keyup', function (event) {
var searchVal = $(this).val().trim();
if (searchVal.le
浏览 5提问于2013-12-25得票数 3
回答已采纳
1回答
我想知道是否可以让函数调用具有ajax请求的函数，并在ajax请求完成后继续执行。下面是伪代码示例。
function func1(){
//do things
func2();
//**How would I get this code to execute after the ajax request is finished.
}
function func2(){
$.ajax({
url: "test.html",
context: document.body,
success: func
浏览 1提问于2011-11-28得票数 0
我通过Ajax加载了一个XML文件中存储的HTML块，这个HTML包含一个标记，希望单击事件在这个标记上做一些事情。
$.ajax({
type: "GET",
async:false,
url: "/js/content/cookiesBandeauContent.xml",
dataType: "xml",
success: function (xml) {
// Parse the
浏览 4提问于2014-12-10得票数 0
回答已采纳
1回答
我遇到了异步$.ajax请求的问题。我正在尝试从restaurant-location.php下载JSON数据并将数据加载到数组locations中。然后我需要在initMap函数中遍历这个数组。当我在控制台中打印数组locations时，我得到了undefined结果。我假设问题出在回调函数上，但我就是搞不清楚。任何帮助都将不胜感激！
var locations = [];
window.onload = function downloadLocations() {
$.ajax({
type: "GET",
url: '/restaur
浏览 0提问于2017-02-05得票数 0
1回答
添加要动态选择的选项
、、、
我已经使用Ajax/JSON从后端拉取数据，并尝试使用jQuery将这些数据附加到选择框中。数据被正确地附加到选择框中，但只有当我放入alert("some text")时，它才会显示在页面上。
代码如下：
var comp_select = jQuery("select[class='xf-depselect-selector depselect-fragment']").get(3);
alert("some text");
for (var i = 0; i < data.length; i++) {
jQu
浏览 0提问于2015-04-10得票数 0
1回答
在我的页面上，当用户单击列表中的任何图书名称时，它将发送数据一个php查询，查询后，该图书页将在浏览器中打开。
现在，在php进程之后，它无法重定向任何图书页。我也尝试过用echo("<script>location.href = 'http://myweb.com/$user';</script>");和ob_start();重定向，但也没有工作。在php之前没有空白处，也没有错误日志。将数据很好地发送给了testpage.php，并在那里打开了这本书的页面。但是浏览器不会重定向到任何页面。
这是页面按钮：
<a href=
浏览 6提问于2015-07-26得票数 1
回答已采纳
1回答
我有一个JSP页面，我试图让页面中的一个表的行可拖动，但没有实现。在AJAX调用之后，表的行将被追加到它的后面。我尝试了各种组合和所有方法，但我不能让我的任何元素是可拖动的。
这是我的页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
浏览 2提问于2016-06-26得票数 0
我知道这个问题已经被问了很多次了，但我还没有找到一个明确和有帮助的答案，所以我想我应该用一种更清晰的格式再写一遍这个问题？
问题是当您使用.load()函数时，需要在加载的文件中运行的javascript无法工作，因为我猜DOM已经加载了。
解决这个问题的简单方法是在加载的文件中再次加载javascript，但是如果你有很多加载的文件，让javascript到处都是不是很好的做法。
有谁知道做这件事的好方法吗？
这就是我能让它变得相当整洁的最近距离了？
<a data-toggle="modal" data-target="#DIV" href="
浏览 0提问于2012-03-21得票数 3
回答已采纳
在使用jQuery数据报警器时，我需要向不同的日期添加不同的类，但是这样做可以删除默认的类，比如当前选定的日期的ui-datepicker-current-day。如何在不删除默认功能的情况下使用beforeShowDay添加类？
目前，数据已被构造为
$("#datepicker").datepicker({
showWeek: true,
firstDay: 1,
beforeShowDay: function (date) {
var classString
浏览 1提问于2013-10-19得票数 0
我创建了一个下拉菜单，当单击选项时，该菜单通过事件处理程序返回选定的选项。 当我单击该选项时，我通过event指向该选项的innerText。它看起来像这样：event.target.innerText。然后使用选定的目标值填充“输入”，以显示用户选定的值。确切地说，<select>输入是如何工作的。targets值也用于过滤列出的组件，但这不是我在这里担心的。 当下拉菜单组件加载时，在componentDidMount()方法内部，状态被更新为缺省值，以便下拉菜单加载预先填充的第一个选项(这是为了在用户选择选项之前它们不是空的)。 当我单击一个选项进行选择时，返回的event.
浏览 86提问于2019-05-28得票数 0
回答已采纳
问候堆叠溢出社区。我是一个长时间的潜伏者，也是第一次海报。我花了几个小时的研究试图克服以下问题，显然没有成功，因为我在这里张贴。应该注意的是，我仅仅用jQuery(或任何JS )编码了几个月。
我的目标是:使用.ajax()提交一个简单的表单，然后通知(成功！)如果返回的成功数据== ' success '，则返回true (重新加载页面)，或者用错误消息填充div，否则返回false。
在我的研究中，我尝试了很多不同的方法，但无论我尝试了什么，我都能得到一个成功的评价:数据返回真实。
以下是我的最新尝试：
$(document).ready(function() {
浏览 2提问于2012-03-02得票数 3
我有一个超过100个字符的描述。我正在尝试限制50个字符的描述，并将显示一个阅读更多按钮。
{!! str_limit($prgm['description'],50,"...") !!}
@if(strlen($prgm['description']) > 50)
<button id="readmore">Read more</button>
@endif
我需要采取的下一步是，在点击阅读更多，我需要显示其余的字符后，第50个character.Is有任何默认函数这样做。提前谢谢。
浏览 7提问于2018-01-29得票数 1
回答已采纳
如果复选框存在，我希望设置其选定值，如果不存在，则将其添加到复选框中。
我该怎么做？
我有：
<select id="abc" name="abc">
</select>
我要：
$('#abc').val(123);
之后：
<select id="abc" name="abc">
<option value="123" selected>
</select>
浏览 4提问于2016-07-18得票数 1
回答已采纳
成功地进行了jQuery AJAX调用，但不明白为什么返回的数据没有在以下函数中分配给theProductData对象：
function getProductDetails(getSku) {
//Get Full Product Details
var theProductData = new Object();
theProductData.description = '';
theProductData.price = '';
theProductData.stockLevel = '';
$.ajax({
url: baseUr
浏览 5提问于2015-02-14得票数 0
回答已采纳
我已经有了这个函数，它检查更改，如果为true，则只更新此div。
jQuery(document).ready( function($) {
var auto_refresh = setInterval(function() {
$.ajax({
success: function(data) {
var result = $('<div />').append(data).find('div#vs').html();
$('di
浏览 0提问于2018-04-12得票数 0
2回答
我有以下脚本，它可以很好地显示ajax内容何时加载：
$("#divLoading").ajaxStart(function () {
$('#divLoading').show();
});
$("#divLoading").ajaxComplete(function () {
$('#divLoading').hide();
});
然而，这似乎开始于点击事件之后的延迟，并在内容显示在屏幕上之前结束，即以下内容被删节，只是为了解释这个问题：
如果我点击一个执行ajaxy的按钮，在点击该按钮5秒后，加载div就
浏览 5提问于2012-09-26得票数 0
回答已采纳
2回答
这是我的密码：
<div style="overflow-x: hidden; overflow-y: visible; height:300px; width:300px;" id="textDiv">
<?php
$query = mysql_query("SELECT * FROM posts ORDER BY id");
while($queryVar = mysql_fetch_assoc($query))
{
echo $queryVar['id'].". ".$queryVa
浏览 5提问于2014-05-21得票数 0
回答已采纳
我试图将用于可折叠面板，动态地从xml内容中使用，但是动态创建的面板不会出现。见下图
我的容器
<div id="detailTable" style="width:100%;">
</div>
<!--Creating panels (Same thing if i create manually it is created, see the image)-->
<div title="General Properties" class="class">
浏览 2提问于2011-11-11得票数 0
回答已采纳
3回答
我在Javascript-Jquery中有以下代码片段：
var result = "";
$.ajax({
type: 'POST',
url: 'update.php',
data: { 'val': $val }
})
.done(function(data) {
alert(data); // shows right response
result = data;
alert(result); // shows right response
});
alert(result)
浏览 4提问于2013-11-27得票数 2
回答已采纳
3回答
我是jQuery的新手。
在使用ajax将一些值发送到服务器后，我必须重新加载div。
我的jQuery代码是
selectionChanged: function () {
var $selectedRows = $('#PersonTableContainer').jtable('selectedRows');
$selectedRows.each(function () {
var record = $(this).data('record');
var columnname = record.columnname;
浏览 1提问于2014-12-31得票数 0
3回答
我正在使用AJAX从我的数据库加载更多的结果。
下面是基本脚本：
$('#loadmorebuilds-div').click(function() {
$.ajax({
url: 'includes/loadmorebuilds.php?type=' + type + '&pageIndex=' + pageIndex + '&st=' + searchTerm,
success: function(html) {
// append the n
浏览 6提问于2014-09-03得票数 0
回答已采纳
2回答
我正在尝试使用jquery/php设置一个函数，其中用户选择具有特定ID的行中的复选框(该id与我的数据库中行数据的主键匹配)，将每个行ID存储到一个数组中，然后在单击“比较选定的行”按钮时将其传递到一个新页面，在该页面中将只显示那些选定的行的结果表。
每个输入如下所示
<input type='checkbox' id='$id' class='compareRow'></input>
我是jquery的新手，我打算使用我之前编写的一个脚本的变体来以模式显示动态行数据。我不确定这段代码是否相关，但它也会将行id传递给另一
浏览 1提问于2015-04-01得票数 1
我正在使用Ajax填充下拉列表
$(document).ready(function() {
var ID = $("#ID").val();
fillDropdown(ID); //fills the dropdown via an $.ajax call
var anotherID = @Model.AnotherID;
//alert(anotherID);
$("#AnotherID").val(anotherID); //try to set the selected value
});
下拉列表在页面
浏览 2提问于2013-06-13得票数 1
回答已采纳
有没有一种方法可以显示ajax调用返回的HTML页面中的特定文本？具体的文本，我指的是返回的HTML页面的第一个段落/div。
通过在jquery中使用，我能够获取页面。我该如何从这里开始。
是否有可能只使用jQuery来实现这一点，而不需要在后端解析html，并从我的服务器返回选定的文本作为响应。
浏览 2提问于2013-05-02得票数 0
4回答
我有一个带有单选按钮的表格。当我更改选定的单选按钮时，此脚本显示警报。
$('input[type=radio][name=shipping-h]').change(function () {
alert("worked");
});
我有另一个脚本来附加具有不同值的单选按钮。
$( "#addressact" ).append('<input id=new-address type=radio name=shipping-h checked>')
如果我选择新的单选按钮，警报就不起作用了。
浏览 5提问于2015-09-12得票数 1
回答已采纳
我想在第三个位置添加“选定的”属性。您能解释一下我是否可以在jquery的append()中添加选定的属性。
for (i = 0; i < 10; i++)
{
if(i==3)
{
$('#mySelect').append($('<option>',
{
value: i,
text :i
}));
}
}
浏览 0提问于2018-04-24得票数 0
回答已采纳
所以我在这里得到了这段JS代码，我试图从成功和错误回调中设置obj，但显然toLinkInfo函数作用域不是它们的父作用域？无论如何，我总是从这个函数中得到null。我尝试了很多东西，但都不能让它工作，我想我太习惯C& friends了:)我怎么才能让它工作呢？
LinkInfoGrabber.prototype.toLinkInfo = function() {
var obj = null;
$.ajax({
url: this.getRequestUrl(),
success: function(raw) {
浏览 2提问于2011-07-13得票数 5
回答已采纳
我正在使用format currency jQuery插件在一些数字前面添加一个$。我还有一个表，它使用AJAX调用对表进行排序。最初加载页面时，会正确添加$。但是，当我对表进行排序时，函数没有被调用，并且我的数字丢失了$。有没有像$(window).load这样的AJAX调用？
值得一提的是，表格排序也是通过插件完成的，所以我不想编辑插件的文件。我想把这个添加到我的main.js文件中，以防插件得到更新。
以下是我到目前为止没有使用AJAX调用的内容：
(function($){
$(window).load(function(){
$('.currency,
浏览 1提问于2014-11-05得票数 1
我有一个页面，这是完全使用Knockout创建的。在其中一个模板中，单击链接将显示一个用于选择日期的JQuery日期选择器控件。选择日期后，函数将使用所选日期执行，并且日期选择器关闭。那么多就行了。
从用户选择日期到Datepicker关闭可能需要几秒钟时间。这是由于一个名为(LoadAppointmentTimeSlots)的函数需要同步运行，并且可能需要一段时间才能完成它所做的事情。为了解决这个问题，我希望出现一个DIV，它向用户提供系统正在工作的反馈("#loading")。
问题是，直到LoadAppointmentTimeSlots函数执行之后，DIV才会出现(此时D
浏览 1提问于2012-12-07得票数 2
1回答
我有下面的超文本标记语言，它是使用jQuery从AJAX调用中生成的：
<ul id="ul-container">
<li class="li-item" data-deviceKey="1">Data1</li>
<li class="li-item" data-deviceKey="2">Data2</li>
</ul>
然后我有了这个jQuery代码：
$('.li-item').mousedown(fu
浏览 4提问于2016-02-20得票数 0
2回答
有什么建议如何做的Ajax调用和东西，以拉入一组组件的内容，如那些框在www.jwt.com主页上的时间，当你向下滚动？我使用的是jQuery Ajax。
我发布的另一个相关帖子可以在以下位置找到：
浏览 0提问于2012-07-09得票数 0
回答已采纳
1回答
延迟加载不适用于我的自定义分页
、、、、
这是我模板中的index.php文件。
<?php get_header(); ?>
<div id="content">
<div id="content_inside">
<?php
wp_reset_query();
$get_blog_id = '-' . get_category_id('blog');
if(get_category_id('blog') != '') {
$args = a
浏览 1提问于2013-05-30得票数 0
回答已采纳
1回答
不能破坏引导模态数据
、、、
jQuery 1.11.2
引导3.1.1
下面是我建立模式的方法：
function fillModal(url, callback) {
$(document).on('shown.bs.modal', '#modal', function(){
$('#modal').find('.modal-content').load(url, function() {
callback();
});
浏览 5提问于2015-03-09得票数 0
使用简单的select
<select>
<option value="1">One</option>
<option value="2" selected>Two</option>
<option value="3">Three</option>
</select>
<button>Click to wrap</button>
并使用jQuery在optgroup中使用wrapAll选项
$("button&#
浏览 0提问于2016-12-14得票数 0
回答已采纳
1回答
我正在使用youtube api来检索视频列表的信息。所以我必须使用Request.JSONP类。
我的问题是，我必须多次调用youtube API，而我无法做到“连锁”。文档说，我所需要的只是添加选项link:'chain'，并使用async:false (在一个简单的请求对象上工作得很好)以同步模式执行它。
这就是我尝试过的：
var MyClass = new Class({
listVideos: [],
videosInfo: [],
initialize : function(listVideos){
this.listVid
浏览 2提问于2012-04-30得票数 0
2回答
是否可以发出ajax post请求，并在控制器中返回一个模型，然后使用该模型呈现页面？为了说明我的意思，假设我们有一个简单的ajax帖子：
$.ajax({
url: "/Home/PostReq",
data: JSON.stringify(data),
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
dataType: "html",
cache
浏览 2提问于2015-06-02得票数 3
1回答
在提交表单时，我尝试使用load()来运行PHP脚本，将数据添加到数据库中，然后在完成时提交表单。但是，如果表单提交的是true，数据就不会添加到我的数据库中，但如果返回false，则会添加到数据库中。这基本上就是我所看到的：
if(//form not empty){
$j('#allset').load(url, function(){
return true;
});
} else {
return false;
}
我不知道这是否重要，但我尝试提交的表单是paypal表单。
有人知道我能做些什么来解决这个问题吗？谢谢!
浏览 0提问于2011-04-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
