jQuery，通过ajax获取数据，然后提交表单

Question

I'm trying to get data via ajax then send it through a form. However it doesn't seem to be working. Any ideas what im doing wrong?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

<form method="get" action="test.php">
    <input id="myvar" type="hidden" name="albumid" />
    <button type="submit" id="btnsubmit">Submit</button>
</form>

<script type="text/javascript">
    $('form').submit(function() {  
     $.ajax({
            url: "newAlbum.php",
            success: function(data){
            var album = data;
                 $('#myvar').val(album);
             }
          });   

    });
</script>

newAlbum.php

<?PHP echo '11'; ?>

test.php

<?php echo $_GET["albumid"]; ?>

Answer 1

Okay try adding as follows:

 $('form').submit(function() {  
       $.ajax({
        url: "newAlbum.php",
        async:false,
        success: function(data){
        var album = data;
             $('#myvar').val(album);
         }
      });   

});

Answer 2

As someone else pointed out - you need to add the data parameter. But I would also use $(this).serialize() , since that will fetch all form input elements.

<script type="text/javascript">
    $('form').submit(function() {  
        $.ajax({
            url: "newAlbum.php",
            data: $(this).serialize(),
            success: function(data){
            var album = data;
                 $('#myvar').val(album);
            },
            error : function(data) {
                console.log(data);   
            }
          });   
    });
</script>

Answer 3

尝试以JSON形式接收数据

$.getJSON()