无法使用jquery ajax

时间:2015-12-09 13:49:53

标签: javascript jquery html ajax forms

我是jquery和javascript中的新蜜蜂。我正在尝试使用jquery提交多个表单。我的要求是当用户提交多个表单中的任何一个时,所有表单数据都应该提交给url。我的表格就像

<form id="vendors_select_form">
    <button type="submit">Search</button> 
</form>
<form id="search_form"> </form>
<button type="submit">Submit</button> 
<form id="vendors_select_form">
    <button type="submit">Submit</button> 
</form>

我正在使用的jquery是

$(document).ready( function() {
    $("form button[type='submit']").click(function() {
        // Construct data string
        var dataString = $("#vendors_select_form, #sort_select_form, #search_form").serialize();
        $form=$('#search_form')

        // Log in console so you can see the final serialized data sent to AJAX
        console.log(dataString);

        // Do AJAX
        $.ajax( {
            type: 'GET',
            //method:'GET',
            url:"http://127.0.0.1:8000/ksaprice/product_search",
            data: dataString,
            success: function(data) {
                //alert(data)
                //console.log(data);
                //$('#message').html(data);
                //$('search_form').submit();
            }
        });
        return false; // avoid to execute the actual submit of the form.
    });
});

dataString从所有表单中获取数据,但此数据字符串未提交到url。请帮忙。

0 个答案:

没有答案