将Ajax响应div加载到三个不同的div中

时间:2013-08-17 10:13:18

标签: php javascript ajax html

我正在研究ajax,ajax函数工作正常,但问题是打破三个div之间的ajax响应。让我详细解释一下。

1。我有一个页面,其中有一个选择框和三个输入,而onchange事件我想要输入框中的ajax值。

进一步解释这里是我的代码(Ajax Response):

<?php
include("include/config.php");
$enrol=$_GET['q'];
$query=mysqli_query($con,"select * from dbo_tbmembermaster where vc_enrol_no='$enrol'");
$result=mysqli_fetch_assoc($query);
$mem_id=$result['nu_member_id'];
$result['nu_member_id'];
$query2=mysqli_query($con,"select SUM(nu_amount) as amt_sub from dbo_tbmemberdues where nu_member_id='$mem_id' and vc_due_for='Subscription'");
$result2=mysqli_fetch_assoc($query2);
echo '<div id="d1">';
echo $amt_sub=$result2['amt_sub'];
echo '</div>';

$query3=mysqli_query($con,"select SUM(nu_amount) as amt_fund from dbo_tbmemberdues where nu_member_id='$mem_id' and vc_due_for='Employees Welfare Fund'");
$result3=mysqli_fetch_assoc($query3);
echo '<div id="d2">';
echo $amt_fund=$result3['amt_fund'];
echo '</div>';

$query4=mysqli_query($con,"select SUM(nu_amount) as amt_fund from dbo_tbmemberdues where nu_member_id='$mem_id' and vc_due_for='Cause List'");
$result4=mysqli_fetch_assoc($query4);
echo '<div id="d3">';
echo $amount=$result4['amt_fund'];
echo '</div>';
?>

现在这是我的回复,请注意我在三个不同的div <div id="d1">,<div id="d2">,<div id="d3">

中有一些值

2。现在我通过ID <div id="result"></div>在我的网页上收到此回复。所以在Ajax调用之后我的页面上有d1,d2,d3以及这些div的值我试图进入三个输入框。我是通过javascript做的:

function showdues()
{
var aa=document.getElementById("d1").innerHTML;
//alert("vhsgfhsg");
document.getElementById("sub_due").value=aa;
}

我正在通过onchange调用ajax函数和这个函数,就像这个<select name="dues" onchange="Javascript: showUser(dues.value);showdues();">一样,但是ajax函数正在工作,但这不起作用,我没有把任何东西放到输入框中。

这可能是一个奇怪的想法,但我用我最好的和你的任何类型的想法,我缺少什么,我应该做什么.. 如果有任何更好的想法,请告诉我......

提前感谢。

2 个答案:

答案 0 :(得分:0)

问题是什么并不完全清楚,但有两种方法可以解决:

  1. 从php返回所有html并立即替换包含框(包含所有三个选择)的所有内容;
  2. 返回一个json字符串,其中包含有关三个选择框的信息,并在javascript中构建/有选择地替换html。
  3. (你当然也可以使用两者的组合)。

    你有sql injection问题。

答案 1 :(得分:0)

最简单的方法是

  1. 从流程页面获取3输入框的数据,作为由某个唯一值分隔的字符串。例如 :     让我们说3个结果是:45,56,78。这里逗号 []充当分隔符。
  2. 根据逗号 []获取javascript变量中的值并拆分。它将为您提供3种不同的阵列。

  3. 现在将每个数组值相应地放在所需的输入框中。

  4. 希望它能给你一些想法