Ajax多输入没有显示所有数据?

时间:2014-05-10 00:45:52

标签: php jquery ajax

我陷入了多重输入。我的代码没有显示所有数据。下面是我正在使用的HTML:

<form id="matkul" class="form-horizontal" method="POST">
    <table class="table table-condensed">
        <thead>
            <tr>
                <th>Matakuliah</th>
                <th>Data Lain</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

</form>
<button id="post" type="submit">Save</button>
<button id="get">Get Data!</button>

下面是获取数据的代码

 <script>
        $(document).ready(function() {

            $("#get").click(function() {
                var url = 'https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22https%3A%2F%2Funisys.uii.ac.id%2Fuii-ras%2Fmatakuliah.asp%3Fidx%3D1%26session_id%3DxxbKiKJawuyrbaaiJ3Kabybabi3JJiKJrJyb3wiuKbbry0JbKiKbKr0yyrKK15933511%26no_mhs%3D%22&format=json';
                $.getJSON(url,
                    function(data) {
                        var id = data.query.results.body.table.tr.td.table.tr[2].td.table.tr;

                        for (var i = 1; i <= id.length; i++) {
                            $("<tr> <td> <input name='fmatakuliah' value='"+id[i].td[1].a.content+"'> </td> <td> <input name='fdata' value='" + id[i].td[1].a['href'] + "'> </td> </tr>").appendTo("#matkul tbody");
                        };
                    });

            });
        });
    </script>

从上面的代码输出将是

Matakuliah      Data Lain
StringOne       OtherData
StringTwo       OtherData

下面是ajax后置代码,但是当它已经发送数据时,警报不会显示所有数据

<script type="text/javascript">
$(document).ready(function(){
    $("#post").click(function(){
        string = $("form").serialize();
        alert(string); // this alert is normal, show all data
        $.ajax({
            type: "GET",
            url: "/save.php",
            data: string,
            success: function(data){
                alert("Success!"+data); //this not normal, not show all data
            }
        });
    });
});
</script>
下面的

是save.php上的代码

print_r($_GET);

最新回复显示如下

Array
(
    [fmatakuliah] => Wide Area Network
    [fdata] => matakuliahdetail.asp?session_id=xxbKiKJawuyrbaaiJ3Kabybabi3JJiKJrJyb3wiuKbbry0JbKiKbKr0yyrKK15933511&mk=52323605&kur=2010
)

我的问题是如何显示所有数据并将其保存到数据库中?

1 个答案:

答案 0 :(得分:1)

看起来您需要将AJAX类型从GET更改为POST:

 $.ajax({
        type: "POST",
        url: "/save.php",
        data: string,
        success: function(data){
            alert("Success!"+data); //this not normal, not show all data
        }
    });