php - jquery，通过ajax获取数据然后提交表单

Question

我正在尝试通过 ajax 获取数据，然后通过表单发送。但是，它似乎不起作用。任何想法我做错了什么？

<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>

新专辑.php

<?PHP echo '11'; ?>

测试.php

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

Answer 1

好的尝试添加如下：

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

});

Answer 2

正如其他人指出的那样 - 您需要添加data参数。但我也会使用$(this).serialize()，因为它会获取所有表单输入元素。

<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()