将表格发送到Javascript然后发送到php

如何解决将表格发送到Javascript然后发送到php

| 所以我一直在从另一个问题上获得帮助，但我需要一些帮助来使此代码正常工作我想做的是让表格将\“ count \” var发送给JS，以便它可以按用户指定的次数执行for循环，并且还可以将其他2个变量发送给PHP以供其处理表格数据。但是我对javascript还是陌生的，所以我不知道我该怎么做到。这是HTML的代码

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html> 
<head>
 <style type=\"text/css\">
    body {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-style: normal;
        line-height: normal;
        color: #FF0000;
        background-color: #000000;
    }
   .style7 {color: #FF0000}
</style>
<script type=\"text/javascript\" src=\"jquery-1.5.1.min.js\"></script>
<script type=\"text/javascript\">
    $(function(){
        $(\"#Submit\").click(function(){
var count = form.count.value;
var number = 0
              for (i=1;i<=#count;i++)
        {
            $.ajax({
                url:\"process.PHP\",type:\"get\",data:$(\"form\").serialize(),success:function(response){
                    number++
                    var obj = jQuery.parseJSON( response );
                    var success = obj.success;
                    var actionsNumber = obj.number;
                    $(\"#result\").html(\'<b>\'+number+\'</b>\');                     
                }
            })
}
        })
    })
</script>
</head>
  <body>
    <form action=\"\" method=\"post\">
    <center> <p>
    <label><b><big><big><big><big><big><big><big>Page</big></big></big></big>  </big>        </big></big></b></label>
    </p>
<p>
<p>
<label><strong>MN</label>
</p>
<input name=\"MN\" type=\"text\" value=\"\"/>
</p>
<p>
<p>
<label><strong>Number to Send</label>
</p>
<input name=\"count\" type=\"text\" value = \"1\"/>
 <input name = \"number\" type = \"hidden\" value = \"$number\"/>
</p>
<p>
<p>
<label><strong>Provider</label>
</p>
<select name=\"provider\">
    <option value=\"\">Choose One...</option>
</select>
</p>
<p>
<input id=\"Submit\" type = \"button\" value = \"Send\">
</p>
<p>You have done <span id=\"result\">0</span> actions</p>
</center>
</body></html>

这是process.PHP

<?PHP session_start();
// process your form data as you do 
//:::::::::
//
if(!isset($_SESSION[\'number\'])){
  $_SESSION[\'number\'] = 0;
 }
$number =  $_SESSION[\'number\']++;
sleep(.5);
// output json response 
echo\'{\"success\":\"true\",\"number\":\"\'.$number.\'\"}\';
?>

所以我需要for (i=1;i<=#count;i++)才能处理用户在\“ count \”字段中输入的数字，我也需要process.PHP才能从其他框中获取内容。有什么帮助吗？

解决方法

您可以使用$（\'＃count \'）。val（）读出数字。您的代码看起来有些奇怪。你想达到什么目的？ ,好吧，首先，您需要将click事件绑定到DOM中的正确元素。您现有的代码如下所示：

$(\"#Submit\").click(...);

#Submit表示具有id=\"Submit\"的元素-您的页面上没有一个。您应该做的更像是这样...

$(\'form\').bind( \'submit\',function( ){ ... } );

现在您的表单提交事件已被正确捕获，您只需要获取值即可。

$(\'form\').bind( \'submit\',function( )
{
     var self = $(this); // -- reference to form element
     var count = self.find( \'input[name=\"count\"]\' );

     console.debug( count.val( )); // -- if you don\'t have a console,get one... or just use alert()
 } );