通过将变量传递给jquery来获取数据而无需重新加载

时间:2019-08-29 11:28:03

标签: javascript php jquery html

我想基于链接到标签的UserId获取一些数据(没有重新加载页面)。我无法成功且准确地将UserID传递给jquery。它的作用是,仅选择最后一个UserID并提取它。

我也尝试通过a-tag URL传递变量,但无法在jquery文件中准确获取它。它从已经打开的URL中获取数据,而不是立即单击的URL。

HTML:

<?php foreach($Messagers as $Messagers1){ ?>
  <form action="" method="post">
    <input type="hidden" id="ANP" value="<?php echo ($Messagers1['UserID']*3);?>"></input>                  
      <a  class="LoadMsgsBtn">
          Click to load data 
       </a>
  </form>
<?php}?>
<div id="result">
  <--The output will come here!-->
</div>

jquery:

 $(document).ready(function(){
   $(".LoadMsgsBtn").click(function LoadMsgsfunc(){
    var ANP = $("input#ANP").val(); 
    var Msg=6;
    alert(ANP);
    $("#result").load("LoadDB.php",{
        ANP: ANP,
        Msg: Msg
    });
  })
});

LoadDB.php:

<?php
    $ID = $_POST['ANP'];
    $Msg = $_POST['Msg'];
    echo $ID . "\n";
    echo $Msg;

我想从数据库中获取数据而无需使用发送的UserID重新加载。 $ Messager是一个具有多行的数组,其中包含一系列a-tag。单击任何一个a-tag会将对应的UserID发送到jquery代码

1 个答案:

答案 0 :(得分:-1)

经典的多元素选择问题。当您使用循环和jquery选择器时,这有点棘手;)请查看以下代码。它应该像黄油B)

Year: 2019|Period: 03|Office: NY|Dept: Sales|Acct: 111222333|SubAcct: 11122234-8|blahblahblahblahblahblahblah|Status: Pending|||

JavaScript

<?php foreach($Messagers as $Messagers1){ ?>
  <form action="" method="post">
      <a class="LoadMsgsBtn" href="javascript:void(0)" onclick="featchData('<?php echo ($Messagers1['UserID']*3);?>')">
          Click to load data 
       </a>
  </form>
<?php}?>
<div id="result">
  <--The output will come here!-->
</div>