2015-09-07 31 views
0

你好,我需要發佈使用單AJAX或jQuery的1個COMMUN文件2點的形式,代碼我已經是這個需要幫助,2提交在1名阿賈克斯發送POST形式1 file.php

<form id="filter-group1" class="form" target="remember" autocomplete="on" method="post"> 
    <input pattern="[0-9]*" value="" name="ch1" maxlength="10" size="10" autofocus="" autocorrect="off" id="client-nbr" class="form-control numeric" rv-value-reactive="form.idTelematique" type="tel"> 
    <a class="reset-input" href="#" id="initClient" onclick="change()"></a> 
    <input value="" id="memoriser" name="memoriser" type="checkbox"> 
    <button type="submit" id="remember_button" class="hidden"></button> 
</form> 

<form id="filter-group2" method="post" class="form"> 
    <div class="field-password"> 
     <input rv-value="form.password | starPassword" readonly="" maxlength="6" name="staredPassword" id="secret-nbr" class="form-control" type="password"> 
     <a class="reset-input" href="#" id="initPass" onclick="change1()"></a> 
    </div> 
</form> 

<div class="cell-password"> 
    <div class="field-valid"> 
     <button type="button" href="#" class="btn-primary btn-block" onclick="filterBy()" id="submitIdent" rv-text="config.app.identification.boutonTitle" >submit</button> 
    </div> 
</div> 

JS

function filterBy() { 
    // Construct data string 
    var dataString = $("#filter-group1, #filter-group2").serialize(); 
    // Log in console so you can see the final serialized data sent to AJAX 
    console.log(dataString); 
    // Do AJAX 
    $.ajax({ 
     type: 'POST', 
     url: 'filter.php', 
     data: dataString, 
     success: function(data) { 
      console.log(data); 
      $('#message').html(data); 
     } 
    }); 
} 

<button type="button"需要使用Ajax提交2種形式的單一文件的PHP發佈


問題並非如此LVE讓我一個完整的劇本,如果你不能,當我嘗試短聲在<button type="button" href="#" class="btn-primary btn-block" onclick="filterBy()"功能不執行

+0

你試過了什麼? – RRK

+0

功能filterBy(){ //構造數據串 變種dataString = $( 「#濾波器組1,#濾波器組2」)序列化(); //登錄控制檯,以便您可以看到發送到AJAX 的console.log(dataString)最終序列化的數據; //做AJAX $阿賈克斯({ 類型: 'POST', 網址: 'filter.php', 數據:dataString, 成功:功能(數據){ 的console.log(數據); $('#message')。html(data); } }); } – Brucea

+0

您的意思是您希望單擊一個接一個地將這兩個表單提交到單個Web服務? – ygesher

回答

0

變化來創建datastring:

var dataString = { 
        frm1 : $("#filter-group1").serialize(), 
        frm2 : $("#filter-group2").serialize() 
       }; 

,並在php結束,你可以得到的值鑰匙frm1, frm2

+0

我只是嘗試這個,但onclick =「filterBy()」功能不執行? – Brucea

+0

打開控制檯並點擊錯誤消息。 – skobaljic