目前我有以下内容:
$.ajax({
type: 'POST',
url: this.action,
data: $(this).serialize(),
});
这工作正常,但是我想为数据添加一个值,所以我尝试了
$.ajax({
type: 'POST',
url: this.action,
data: $(this).serialize() + '&=NonFormValue' + NonFormValue,
});
但这没有正确发布。关于如何将项目添加到序列化字符串的任何想法?这是一个全局页面变量,不特定于表单。
虽然 matt b 的答案可行,但您还可以使用
.serializeArray()
从表单数据中获取数组,修改它,然后使用 jQuery.param()
将其转换为 url 编码的表单。这样,jQuery 就会为您处理额外数据的序列化。
var data = $(this).serializeArray(); // convert form to array
data.push({name: "NonFormValue", value: NonFormValue});
$.ajax({
type: 'POST',
url: this.action,
data: $.param(data),
});
⛔ 而不是
data: $(this).serialize() + '&=NonFormValue' + NonFormValue,
✅ 你可能想要
data: $(this).serialize() + '&NonFormValue=' + NonFormValue,
如果
NonFormValue
的值可能包含任何特殊字符,则应小心对它进行 URL 编码。
不要忘记你总是可以做到:
<input type="hidden" name="NonFormName" value="NonFormValue" />
以您的实际形式,根据情况,这可能更适合您的代码。
首先不应该
data: $(this).serialize() + '&=NonFormValue' + NonFormValue,
是
data: $(this).serialize() + '&NonFormValue=' + NonFormValue,
其次你可以使用
url: this.action + '?NonFormValue=' + NonFormValue,
或者如果该操作已包含任何参数
url: this.action + '&NonFormValue=' + NonFormValue,
先添加项目,然后序列化:
$.ajax({
type: 'POST',
url: this.action,
data: $.extend($(this), {'NonFormValue': NonFormValue}).serialize()
});
我们可以这样做:
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
}
});
这样更好:
data: [$(this).serialize(),$.param({NonFormValue: NonFormValue})].join('&')
您可以编写一个额外的函数来处理表单数据,并且您应该将非表单数据添加为表单中的数据值。参见示例:
<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;
}