發送表單中動態

This is the link that i'm working with 發送表單中動態

我試圖避免以購買該項目使用form.submit。用戶點擊該項目，然後必須確認購買。它不是真的發送表單，而是運行一個功能shown here。你可以使用複製並粘貼字符串，並使用control + F去做功能所在腳本的部分：（;// pages/PurchaseConfirmationModal.js）

我擡起頭看POST方法，我無法真正弄清楚讓這個工作;

$.post("Form here", // How to identify the form? 
    function(data) { 
     // how do I send the data? 
    } 
);

來源

2014-01-14 Jordan

給你的表格ID輸入字段：S，那麼你可以爲了得到他們的價值，通過它爲$ .post的，例如

<input type="text" id="input_one"/> 
<input type="text" id="input_two"/>

然後：

var post_data={ 
    first_value: $("#input_one").val(), 
    second_value: $("#input_two").val() 
}; 

$.post("http://...",post_data, 
    function(data) { 
     // Handle the response from the server here. 
    } 
);

來源

2014-01-14 22:30:16

HTML部分

<form> 
    <input type="text" value="" name="first_value" id="first_value" /> 
    <input type="text" value="" name="second_value" id="second_value" /> 

    <button id="submitForm" >Submit</button> 
</form>

AJAX部分 呼叫通過點擊按鈕的功能。然後通過使用$("input[id=first_value]").val()或$("#first_value").val()收集您的表單數據。

$('#submitForm').click(function(event){  
    // get the form data 
    // there are many ways to get this data using jQuery (you can use the class or id also) 
    var formData = {  
      'first'    : $("input[id=first_value]").val(), 
      'second'   : $("input[id=first_value]").val(), 
    }; 


    // process the form 
    var ajaxResponse = $.ajax({ 
           type  : 'POST', // define the type of HTTP verb we want to use (POST for our form) 
           url   : 'someURL', // the url where we want to POST 
           data  : JSON.stringify(formData), 
           contentType :'application/json', 
           error  : function(data,status,error){ 
               console.log(data+': '+status+': '+error); 
               }, 
           success  : function(status) { 
                //DO something when the function is successful 
               }  
        }).done(function(apiResponse) { 
          //Do something when you are done 
        }); 

});

來源

2014-01-14 22:37:46 Geo

發送表單中動態

回答

相關問題