个人中心
gpt4 book ai didi

javascript - 使用从 jquery 传递到 php 的变量动态更新字段

转载 作者：行者123 更新时间：2023-11-30 00:37:46 25 4
gpt4 key购买 nike

我在下拉列表中有一堆储物柜号码(从 MYSQL/PHP 填充)。当您从同一页面下方两个输入字段的列表中选择储物柜号码时，我想显示储物柜的密码和位置。

我使用 jquery 告诉我列表中的哪个项目是动态选择的。然后我使用 $.ajax() 函数将该项目发送到我的服务器。

我的问题:我可以使用 $.ajax() 将变量发送到我所在的同一页面吗？我已经尝试过这个，但出现错误。我不知道如何实现这一点。我对 AJAX 的了解非常少。

我的代码如下:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Locker Backend</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" type="text/css" href="form.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript">
function show()
{
   $('#addlocker').toggle();
}
    function lockerSelected(sel)
       {
    var selected = (sel.options[sel.selectedIndex].text);
        $.ajax({
        type:"POST",
        url: "studentdata.php",
        data: selected,
        success: function(){
            alert(selected);
        }
       });
       }
    </script>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    </head>

    <body>
    <?php
        $url = $_SERVER['REQUEST_URI'];
        $studID = substr($url, strpos($url, "=") + 1);

    $db_handle = mysql_connect("localhost", "root", "pickles") or die("Error connecting to database: ".mysql_error());


        mysql_select_db("lockers",$db_handle) or die(mysql_error());

    $result = mysql_query("SELECT * FROM students WHERE studID = $studID"); 
        ?>
    <div class="container">
      <header> <a href="#"><img src="images/headmast.png" alt="Insert Logo Here" width="686" height="180" id="Insert_logo" /></a> </header>
      <div id="data1">
      <form id ="studData" name="studData" action="update.php" medthod="post">
        <fieldset>
          <legend>Student Details</legend>
          <?php
      while($row = mysql_fetch_array($result)) 
      { 
      echo '<ol>';
       echo '<li>';
      echo '<label for=studid>Student ID</label>';
      echo '<input id=studid name=studid type=text value='.$row['studID'].'>';
      echo '</il>';
      echo '<li>';
      echo '<label for=fname>First Name</label>';
      echo '<input id=fname name=fname type=text value='.$row['firstName'].'>';
      echo '</il>';
      echo '<li>';
      echo '<label for=fname>Last Name</label>';
      echo '<input id=lname name=lname type=text value='.$row['lastName'].'>';
      echo '</il>';
      echo '<li>';
      echo '<label for=email>Email</label>';
      echo '<input id=email name=email type=text value='.$row['email'].'>';
      echo '</il>';
      echo '<li>';
      echo '<label for=progam>Program</label>';
      echo '<input id=progam name=progam type=text value='.$row['program'].'>';
      echo '</il>';
      echo '</ol>';
      $program = $row['program'];  //get name of program 
      } 
      ?>
          <input type="submit" value="Update" class="fButton"/>
        </fieldset>
      </form>

      <form id="locker" name="locker" action="" method="post" >
        <fieldset>
          <input type="button" onclick="show()" value="Add Locker"/>
          <div id="addlocker" style="display:none;"> 
          <!--
          query lockers where $program = program parsed in & student id is equal to 0 (this makes it available)
          get select list to 10
          populate select list    -->  <br/>
          <legend>Lockers Available: </legend>
          <select size="10" name="lockerSelect" multiple="yes" style="width:200px;" onChange="lockerSelected(this);">
          <?php
          $result1=mysql_query("SELECT * FROM lockers WHERE progName = '$program' && studID = 0") or die($result1."<br/><br/>".mysql_error());
          while($row1 = mysql_fetch_array($result1)) 
      {
         echo '<option value=\"'.$row1['lockerScan'].'">'.$row1['lockerNo'].'</option>';
      }
      echo '</select>';
        echo '<br>';

        $lockerNo = $_POST['selected'];  \\doesn't work - displays error
        echo $lockerNo; \\errors out
          ?>
          </div><!--end of add locker section-->
        </fieldset>
      </form>
      </div><!--end of data1 -->
    <a href="backendhome.php" class="actionButton" style="float:left;clear:both">Search</a>  


    </div><!-- end of container-->
    </body>
    </html>

最佳答案

首先，您可以使用:

function show()
{
   $('#addlocker').toggle();
}

那么，您应该了解有关 Ajax 和 PHP 的更多信息。您的电话应该是:

var selected = (sel.options[sel.selectedIndex].text);

$.ajax({
   type:"POST",
   url: "studentdata.php",
   data: {selected: selected},
   success: function(data){
      alert(data);
   }
});

在你的 PHP 文件中:

<?php 
$select = $_POST['selected'];

//....
// Do what you have to do then return your result    

echo '<div>Send to your page !</div>';

关于javascript - 使用从 jquery 传递到 php 的变量动态更新字段，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22020341/

25 4 0
文章推荐： Android 构建您的第一个应用程序 4 : Build Error: Cannot find symbol variable EXTRA_MESSAGE
文章推荐： c++ - MFC C映射。将 cmap 存储在 cmap 中
文章推荐： android - ionic POST 请求错误，net::ERR_CONNECTION_REFUSED
文章推荐： C++ 类指针不保存任何内容。
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com