html 一个页面两个部分,一次性在页面的两个部分预先添加html数据

博主正试图通过Ajax实现不刷新页面的情况下,在两个不同的页面区域预先加载HTML数据。目前的代码能够将新类别添加到数据库并在一个区域显示,但目标是将数据同时提交给两个不同的页面部分。提出了可能通过返回JSON字符串来解决这一问题,以便在成功回调中分别处理两个数据集。讨论了如何修改现有代码以实现这一目标。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

所以我会尽可能简单地将它保留下来,但对我而言,我还在学习。一次性在页面的两个部分预先添加html数据

我有ajax设置提交代码来创建一个新的类别的数据库,然后它prepends回到页面,并显示它没有页面刷新。我甚至可以同时在页面的不同区域提取完全相同的数据。

这里是我卡住的地方。我的目标是找到一种方法来预先安排两个不同的数据集。一个在新的类别下,就像它已经做的那样,然后另一个只是在创建页面的一个新的后期部分的领域。我认为这可能是元素ID或东西的东西,但我找不到什么我正在寻找。

那么是否有可能采取前置(html)并将数据不同地提交给两个页面区域?

这是我提交的代码。

$(function() {

$(".update_button").click(function() {

var boxval = $("#category").val();

var boxval = encodeURIComponent(boxval);

var dataString1 = 'category='+ boxval;

var dataConfirm = 'newFAQCategory=true';

var dataString = dataString1+'&'+dataConfirm;

if(boxval=='') {

alert("Please Enter A Title");

} else {

$.ajax({

type: "POST",

url: "ajax/faqCN.php",

data: dataString,

cache: false,

success: function(html){

$("ol#update").prepend(html);

$("select#faqc_id").prepend(html);

$("ol#update li:first").slideDown("slow");

document.getElementById('category').value='';

document.getElementById('category').focus();

}

});

} return false;

});

});

2015-06-13

logicK

+0

而不是返回HTML可以返回一个JSON字符串与2个不同的HTML集。那么在ajax成功代码中,你可以放入.prepend(html.category) –

+0

你会怎么做呢?我将它提交给一个只运行mysqli查询的php文件,然后回显出返回的html。 –

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值