После отправки формы в Javascript на php - PullRequest
0 голосов
/ 25 мая 2011

Так что я получил помощь от другого вопроса здесь, но мне нужна помощь, чтобы этот код работал

То, что я пытаюсь сделать, это отправить форму «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, чтобы получить вещи из других ящиков.

любая помощь?

Ответы [ 2 ]

0 голосов
/ 25 мая 2011

Ну, во-первых, вам нужно привязать событие 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()
 } );
0 голосов
/ 25 мая 2011

Вы можете прочитать число с помощью $ ('# count'). Val ().Ваши коды выглядят немного странно, хотя.Что вы пытаетесь достичь?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...