使用 javascript 更新文本框中的值

Question

实际上我只是一个新手程序员，我为我的程序制作了自己的更新 javascript 函数，但遗憾的是代码没有更新..有人可以帮助我帮助我的代码工作吗？请。

我想做的是，如果我更改文本框中的值并单击更新，它将更新。

脚本：

<script type="text/javascript">
        $(document).ready(function() {
            $('#updates').click(function() {
                $id1 = $('#id1').val();
                $di2 = $('#id2').val();
                $name1 = $('#name1').val();
                $name2 = $('#name2').val();
                $optA1 = $('#optA1').val();
                $optA2 = $('#optA2').val();
                $optB1 = $('#optB1').val();
                $optB2 = $('#optB2').val();
                $other_qual1 = $('#other_qual1').val();
                $other_qual2 = $('#other_qual2').val();
                $interview1 = $('#interview1').val();
                $interview2 = $('#interview2').val();
                $total1 = $('#total1').val();
                $total2 = $('#total2').val();

                $.ajax({
                    type: "POST",
                    cache: false,
                    url: "update.php",
                    data: "id1_text="+$name1,
                    data: "id2_text="+$name1,
                    data: "name1_text="+$name1,
                    data: "name2_text="+$name2,
                    data: "optA1_text="+$optA1,
                    data: "optA2_text="+$optA2,
                    data: "optB1_text="+$optB1,
                    data: "optB2_text="+$optB2,
                    data: "other_qual1_text="+$other_qual1,
                    data: "other_qual2_text="+$other_qual2,
                    data: "interview1_text="+$interview1,
                    data: "interview2_text="+$interview2,
                    data: "total1_text="+$total1,
                    data: "total2_text="+$total2,
                    success: function(data) {
                        alert('data has been updated!');
                    }
                });
            });
        });
    </script>

update.php 代码：

<?php
mysql_connect("localhost","root","") or die ("cant connect to database!");
mysql_select_db("test") or die ("cant find database!");
$id1=$_POST['id1_text'];
$id2=$_POST['id2_text'];
$name1=$_POST['name1_text'];
$name2=$_POST['name2_text'];
$optA1=$_POST['optA1_text'];
$optA2=$_POST['optA2_text'];
$optB1=$_POST['optB1_text'];
$optB2=$_POST['optB2_text'];
$other_qual1=$_POST['other_qual1_text'];
$other_qual2=$_POST['other_qual2_text'];
$interview1=$_POST['interview1_text'];
$interview2=$_POST['interview2_text'];
$total1=$_POST['total1_text'];
$total2=$_POST['total2_text'];

$query1=mysql_query("UPDATE score SET name='$name1', score1='$optA1', score2='optB1', other_qual='$other_qual1', interview='$interview1', total='$total1' WHERE id='$id1'");
$resource1 = mysql_query($query1) 
or die (mysql_error());

$query2=mysql_query("UPDATE score SET name='$name2', score1='$optA2', score2='optB2', other_qual='$other_qual2', interview='$interview2', total='$total2' WHERE id='$id2'");
$resource2 = mysql_query($query2) 
or die (mysql_error());
?>

Answer 1

您的代码中有很多错误。例如，当您在 JS 代码中分配 data 时，您的语法有误。它应该是这种形式：

data: { val:$("#selector").val, val2:$("#selector2").val(), /* etc etc*/ }

解决方案

试试这个代码：

JS

<script type="text/javascript">
$(document).ready(function () {
       $('#updates').click(function (e) {

           e.preventDefault();
           var id1 = $('#id1').val();
           var id2 = $('#id2').val();
           var name1 = $('#name1').val();
           var name2 = $('#name2').val();
           var optA1 = $('#optA1').val();
           var optA2 = $('#optA2').val();
           var optB1 = $('#optB1').val();
           var optB2 = $('#optB2').val();
           var other_qual1 = $('#other_qual1').val();
           var other_qual2 = $('#other_qual2').val();
           var interview1 = $('#interview1').val();
           var interview2 = $('#interview2').val();
           var total1 = $('#total1').val();
           var total2 = $('#total2').val();

           $.ajax({
               type: "POST",
               cache: false,
               url: "update.php",
               data: {
                   id1_text: name1,
                   id2_text: name1,
                   name1_text: name1,
                   name2_text: name2,
                   optA1_text: optA1,
                   optA2_text: optA2,
                   optB1_text: optB1,
                   optB2_text: optB2,
                   other_qual1_text: other_qual1,
                   other_qual2_text: other_qual2,
                   interview1_text: interview1,
                   interview2_text: interview2,
                   total1_text: total1,
                   total2_text: total2
               },
               success: function (data) {
                   alert('data has been updated!');
               }
           });
       });
   });
   </script>

PHP

<?php
if (isset($_POST['id1_text'])) {

    mysql_connect("localhost", "root", "") or die("cant connect to database!");
    mysql_select_db("test") or die("cant find database!");
    $id1         = $_POST['id1_text'];
    $id2         = $_POST['id2_text'];
    $name1       = $_POST['name1_text'];
    $name2       = $_POST['name2_text'];
    $optA1       = $_POST['optA1_text'];
    $optA2       = $_POST['optA2_text'];
    $optB1       = $_POST['optB1_text'];
    $optB2       = $_POST['optB2_text'];
    $other_qual1 = $_POST['other_qual1_text'];
    $other_qual2 = $_POST['other_qual2_text'];
    $interview1  = $_POST['interview1_text'];
    $interview2  = $_POST['interview2_text'];
    $total1      = $_POST['total1_text'];
    $total2      = $_POST['total2_text'];

    $query1 = mysql_query("UPDATE score SET name=$name1, score1=$optA1, score2=$optB1, other_qual=$other_qual1, interview=$interview1, total=$total1 WHERE id=$id1");
    $resource1 = mysql_query($query1) or die(mysql_error());

    $query2 = mysql_query("UPDATE score SET name=$name2, score1=$optA2, score2=optB2, other_qual=$other_qual2, interview=$interview2, total=$total2 WHERE id=$id2");
    $resource2 = mysql_query($query2) or die(mysql_error());
}

?>