Ajax - 两个不同目标 div 的两个 URL

Question

我的 ajax 函数将表单数据发送到 db_query.php 然后在 '#result' 中显示结果

function submitForm1() {
var form1 = document.myform1;
var dataString1 = $(form1).serialize();
$.ajax({
type:'POST',
url:'db_query.php',
cache: false,
data: dataString1,
success: function(data){
$('#result').html(data);
}
});
return false;
}

对于相同的表单，我需要添加 db_query1.php 作为结果返回 '#result1'

我应该需要这样的东西

url: db_query.ph
success: function(data){
$('#result').html(data);
url: db_query1.ph
success: function(data){
$('#result1').html(data);

这可能吗？

Answer 1

我会对你的问题说是和否：

这行得通吗？

url: db_query.php
success: function(data){
$('#result').html(data);
url: db_query1.php
success: function(data){
$('#result1').html(data);

否，它不起作用，因为您必须执行两次 ajax 调用才能获得两个响应...

...但是你可以做的是从 db_query.php 中做出一个相关的响应，比如一个数组，这样它就会产生 data.result 和 data.result1

function submitForm1() {
var form1 = document.myform1;
var dataString1 = $(form1).serialize();
$.ajax({
    type:'POST',
    url:'db_query.php',
    cache: false,
    data: dataString1,
    success: function(data){
        $('#result').html(data.result);
        $('#result1').html(data.result1);
    }
});
return false;
}