ajax:没有得到价值

时间:2014-03-26 08:57:31

标签: php mysql ajax

我没有获得show_house_members.php的company_name值。 但是event_name可以到达那里。这个ajax代码有什么错误吗?我只是一个初学者。

 $(document).ready(function() {
    $("#add_mem").click(function() {
    $(this).after('<div class="loader1"><img src="imgdropdown/loading.gif" alt="loading subcategory" /></div>');

    var datastring = "&company_name="+$('#company_name').val()+"&event_name="+$('#event_name').val();

    $.ajax({
        url: 'show_house_members.php',
        data: datastring,
        type: 'get',
        success: function(data) {
            console.log(data);
            $('.loader1').hide();
            $("#house_members").after(data);
        }
    });
});
        });

这是我的表格

<p><label>company name</label>
                <select name="company_name" id="company_name">




                <?php
                include("config/dbconfig.php");
                                     $res=mysql_query("select *from tbl_company");
                                        while($row=mysql_fetch_array($res))
                                    {
                                        echo "<option value=".$row[0].">".$row[1]."</option>";
                                    }

                ?>
                </select></p>


                <!--event names dynamically added here by using jquery ajax -->             
                <p><label>Event name</label>
                <select name="event_name" id="event_name">
                </select></p> 

                <a href="#"  id="add_mem"  name="add_mem" style="padding-left: 280px;" "><img title='add_house_members'  src='images/button.png'/></a><form action="add_house_entry.php" method="GET|POST"  enctype="multipart/form-data"  name="f3" class="smart-green" style="width: 450px;   height:290px;padding-top: 50px;padding-left: 20px;" >
                <h1>Enter House details  </h1>

3 个答案:

答案 0 :(得分:0)

尝试删除&company_name之前的datastring

var datastring = "&company_name="+$('#company_name').val()+"&event_name="+$('#event_name').val();
// -------------  ^ remove this

答案 1 :(得分:0)

您可以使用serialize()方法获取如下所示的数据字符串

 var datastring = $('#form').serialize();

它会自动生成数据字符串!

答案 2 :(得分:0)

尝试使用

data : { datastring : datastring },

而不是

data : datastring,

请参阅http://api.jquery.com/jquery.ajax/