如何实现JQ AJAX POST表单同时上传文件的功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计130个文字，预计阅读时间需要1分钟。
使用JQ和AJAX通过POST方法提交表单，包括上传文件。代码如下：
javascript$(document).ready(function() { $(#form).on(submit, function(e) { e.preventDefault(); var formData=new FormData($(this)[0]); $.ajax({ url: {system[wwwprefix]}/manage/product/ajax.php?action=product_add_edit&id= + $(#id).val(), type: POST, dataType: json, data: formData, contentType: false, processData: false, success: function(response) { // 处理成功响应 }, error: function(xhr, status, error) { // 处理错误响应 } }); });});
JQ AJAX POST表单，包括上传文件var formData = new FormData($('form')[0]); $.ajax({ url:"{$INI[system][wwwprefix]}/manage/product/ajax.php?action=product_add_edit${$_GET['id']?'&id='.$_GET['id']:''}", type:"POST", dataType: "json", data:formData, success: X.json, cache: false, contentType: false, processData: false });
本文共计130个文字，预计阅读时间需要1分钟。
使用JQ和AJAX通过POST方法提交表单，包括上传文件。代码如下：
javascript$(document).ready(function() { $(#form).on(submit, function(e) { e.preventDefault(); var formData=new FormData($(this)[0]); $.ajax({ url: {system[wwwprefix]}/manage/product/ajax.php?action=product_add_edit&id= + $(#id).val(), type: POST, dataType: json, data: formData, contentType: false, processData: false, success: function(response) { // 处理成功响应 }, error: function(xhr, status, error) { // 处理错误响应 } }); });});
JQ AJAX POST表单，包括上传文件var formData = new FormData($('form')[0]); $.ajax({ url:"{$INI[system][wwwprefix]}/manage/product/ajax.php?action=product_add_edit${$_GET['id']?'&id='.$_GET['id']:''}", type:"POST", dataType: "json", data:formData, success: X.json, cache: false, contentType: false, processData: false });