$ (यह)। Serialize() - मूल्य कैसे जोड़ें?

Question

वर्तमान में मैं निम्नलिखित है:

$.ajax({ 
    type: 'POST', 
    url: this.action, 
    data: $(this).serialize(), 
}); 

यह ठीक काम करता है, फिर भी मैं डेटा मान जोड़ना चाहते हैं, तो मैं

$.ajax({ 
    type: 'POST', 
    url: this.action, 
    data: $(this).serialize() + '&=NonFormValue' + NonFormValue, 
}); 

की कोशिश की लेकिन वह सही रूप से पोस्ट नहीं किया था। इस बात पर कोई विचार है कि आप धारावाहिक स्ट्रिंग में कोई आइटम कैसे जोड़ सकते हैं? यह एक वैश्विक पृष्ठ चर है जो विशिष्ट रूप से विशिष्ट नहीं है।

Answer 1

के बजाय

data: $(this).serialize() + '&=NonFormValue' + NonFormValue, 

आप शायद चाहते

data: $(this).serialize() + '&NonFormValue=' + NonFormValue, 

आप URL एन्कोड NonFormValue के मूल्य के सावधान रहना चाहिए अगर इसमें कोई विशेष पात्र हो सकता है।

Answer 2

पहला आइटम जोड़ें और फिर क्रमानुसार:

$.ajax({ 
    type: 'POST', 
    url: this.action, 
    data: $.extend($(this), {'NonFormValue': NonFormValue}).serialize() 
}); 

Answer 3

सबसे पहले नहीं

data: $(this).serialize() + '&=NonFormValue' + NonFormValue, 

data: $(this).serialize() + '&NonFormValue=' + NonFormValue, 

होना चाहिए और दूसरी आप

url: this.action + '?NonFormValue=' + NonFormValue, 

उपयोग कर सकते हैं या कार्रवाई पहले से ही किसी भी पैरामीटर शामिल करता है, तो

url: this.action + '&NonFormValue=' + NonFormValue, 

Answer 4

जबकि मैट बी का जवाब काम करेगा, आप फॉर्म डेटा से सरणी प्राप्त करने के लिए .serializeArray() का उपयोग भी कर सकते हैं, इसे संशोधित कर सकते हैं और इसे jQuery.param() का उपयोग यूआरएल-एन्कोडेड रूप में रूपांतरित करने के लिए कर सकते हैं। इस तरह, jQuery आपके लिए आपके अतिरिक्त डेटा के क्रमबद्धीकरण को संभालता है।

<input type="hidden" name="NonFormName" value="NonFormValue" /> 

अपने वास्तविक रूप है, अपने कोड के मामले पर निर्भर करता है के लिए बेहतर हो सकता है, जिसमें:

var data = $(this).serializeArray(); // convert form to array 
data.push({name: "NonFormValue", value: NonFormValue}); 
$.ajax({ 
    type: 'POST', 
    url: this.action, 
    data: $.param(data), 
}); 

Answer 5

आप हमेशा कर सकते हैं मत भूलना।

Answer 6

आप एक अतिरिक्त समारोह फ़ॉर्म डेटा को संसाधित करने के लिए लिख सकते हैं और आप form.seethe उदाहरण में डेटा valu के रूप में अपने nonform डेटा जोड़ना चाहिए:

<form method="POST" id="add-form"> 
    <div class="form-group required "> 
     <label for="key">Enter key</label> 
     <input type="text" name="key" id="key" data-nonformdata="hai"/> 
    </div> 
    <div class="form-group required "> 
     <label for="name">Ente Name</label> 
     <input type="text" name="name" id="name" data-nonformdata="hello"/> 
    </div> 
    <input type="submit" id="add-formdata-btn" value="submit"> 
</form> 

तब प्रपत्र प्रसंस्करण के लिए इस jQuery जोड़ने

<script> 
$(document).onready(function(){ 
    $('#add-form').submit(function(event){ 
     event.preventDefault(); 
     var formData = $("form").serializeArray(); 
     formData = processFormData(formData); 
     // write further code here----> 
    }); 
}); 
processFormData(formData) 
{ 
    var data = formData; 
    data.forEach(function(object){ 
     $('#add-form input').each(function(){ 
      if(this.name == object.name){ 
       var nonformData = $(this).data("nonformdata"); 
       formData.push({name:this.name,value:nonformData}); 
      } 
     }); 
    }); 
    return formData; 
} 

Answer 7

हम क्या कर सकते हैं की तरह:

data = $form.serialize() + "&foo=bar"; 

उदाहरण के लिए:

var userData = localStorage.getItem("userFormSerializeData"); 
var userId = localStorage.getItem("userId"); 

$.ajax({ 
    type: "POST", 
    url: postUrl, 
    data: $(form).serialize() + "&" + userData + "&userId=" + userId, 
    dataType: 'json', 
    success: function (response) { 
     //do something 
    } 
});