具有自定义参数的 Ajax 请求

Ajax request with customized parameter

本文关键字：Ajax 请求 参数 自定义      更新时间：2023-09-26

我正在开发一个简单的网页，向服务器发出Ajax请求以上传一些图像。
假设网页有多个上传字段，因此它可以允许用户出于不同的目的上传图像。比方说，一个图片上传字段是上传用户妈妈的照片，另一个字段是上传他爸爸的照片。
在这种情况下，服务器端需要知道哪个上传用于什么目的。我当前使用的 ajax 调用是：

$.ajax({
    url: requestUrl,
    type: 'POST',
    success: successCallBack,
    error: errorCallBack,
    data: formData, <-- the image
    cache: false,
    contentType: false,
    processData: false
});
我想让服务器知道

用户是否正在为爸爸或妈妈发送图像，我也想让服务器知道此图像的长度和格式，也许还有一些额外的字符串来描述此图像。我想知道我是否可以将这些信息编译成 Json 字符串，并将其与图像一起发送。我不知道我应该把所有这些信息放在这个 ajax 调用中的什么位置。有人可以帮忙吗？

我假设您有两个上传按钮用于上传不同类型的图片。您可以做的可能是为每个按钮提供一个 data-id 属性。

例如，这个用于上传用户自己的图片：

<input type="button" data-id="ownpicture" value=""></input>

当你在单击此按钮时调用 ajax 方法时，你可以在变量中捕获 data-id 属性，比如

var pictureType = $(this).attr('data-id');

然后，可以将此值作为参数传递给方法。在服务器端，您可以使用开关盒根据此字符串参数保存正确的图片。有意义？

您可以在表单数据对象中附加其他信息，如以下示例所示：

var fd = new FormData("Your image here");
fd.append("CustomField", "This is some extra data");
$.ajax({
url: "stash.php",
type: "POST",
data: fd,
processData: false,  
contentType: false   
});
相关文章：