使用jquery表单插件上传文件

发布于 2024-12-02 19:24:46 字数 968 浏览 0 评论 0原文

我有一个输入类型=“文件”的表单。它使用ajax（插件jquery form）提交。服务器返回 json 响应。 json 数据中有 html 标签：

{"logs":"<span>vfdvf<\/span>","errors":"<span><\/span>"}

但是当插件收到此响应时，它传输的

{"logs":"<span>vfdvf&lt;\/span&gt;","errors":"<span>&lt;\/span&gt;"}</span></span>

不是正确的 json。我该如何修复它？如果表单中没有 input type="file" 元素，则一切正常。

这里是 JS

$('#edit_ext_table_form').ajaxForm({
    dataType: 'html',
    success: function(responseText) {
        console.log(responseText);
    },
    error: function(request) {
        var responseText=request.responseText;
        console.log(responseText);
    }
}

这里是 PHP

$a = array(
    'logs' => '<span>vfdvf</span>', 
    'errors' => '<span></span>',
);
exit(json_encode($a));

原文

i have a form with input type="file". it submits using ajax (plugin jquery form).
Server returns json response. There are html tags in json data:

{"logs":"<span>vfdvf<\/span>","errors":"<span><\/span>"}

but when plugin gets this response it transferred in

{"logs":"<span>vfdvf<\/span>","errors":"<span><\/span>"}</span></span>

it is not correnct json. How can i fix it? If there is no input type="file" element in form, all works fine.

Here is JS

$('#edit_ext_table_form').ajaxForm({
    dataType: 'html',
    success: function(responseText) {
        console.log(responseText);
    },
    error: function(request) {
        var responseText=request.responseText;
        console.log(responseText);
    }
}

Here is PHP

$a = array(
    'logs' => '<span>vfdvf</span>', 
    'errors' => '<span></span>',
);
exit(json_encode($a));

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

魔法少女 2024-12-09 19:24:46

您无法通过 ajax 提交文件，Html 5 具有更好的文件上传功能。但在较旧的浏览器中这是不可能的。不确定这是否正是破坏你的 json 的原因，但你的最终目标是无法实现的。

回复收藏 0 原文

怪我太投入 2024-12-09 19:24:46

也许你可以尝试json dataType。

尝试

$('#edit_ext_table_form').ajaxForm({
dataType: 'json',
success: function(result) {
    console.log(result.logs);
    console.log(result.errors);
},
failure: function(result) {
    console.log(result.logs);
    console.log(result.errors);
}});

maby you can try json dataType.

Try

$('#edit_ext_table_form').ajaxForm({
dataType: 'json',
success: function(result) {
    console.log(result.logs);
    console.log(result.errors);
},
failure: function(result) {
    console.log(result.logs);
    console.log(result.errors);
}});

回复收藏 0 原文